Hexo+github搭建免费个人博客


不折腾,不成魔,没有自己的博客不算一个合格搬砖人,本篇文章主要介绍用github结合Hexo搭建个人免费博客,来实现自己的博客梦。

准备工作

  1. 安装Node.js

    官网下载Node.js稳定版安装包,一路默认Next安装就行,官网地址:https://nodejs.org/en/

  2. 安装Git

    官网下载Git安装,地址:https://git-scm.com/downloads

  3. 我假设你有Github账户,没有的先面壁去,完了再去官网注册吧

    地址:https://github.com/

开始

安装Hexo

  1. 新建一个要存放博客文件的文件夹,比如我的都存放在D:\study\blog目录下。

  2. 在该目录下右键点击Git Bash Here,打开git的控制台窗口。

  3. 输入 npm i hexo-cli -g 安装Hexo,此时文件夹还是啥都没有。

  4. 初始化博客文件hexo init,此时会生成需要的博客文件。

  5. 输入npm install 安装必备的一些组件。

  6. 做完如上步骤,博客框架已经有了,但我们想要以网页的形式展现,在输入hexo g 生成静态网页,我们就可以登录网站看了。

  7. 输入hexo s,打开本地服务器,然后浏览器输入http://localhost:4000/就能查看博客真面目了,看完后记者按Ctrl+c关闭本地服务器。

  8. 如上博客就建好了,是不是简单,先别兴奋,此时经验的博客也只有自己能看到,想要让别人也能看到,就需要发布到服务器上,此刻,我们的Github就登场了.

部署到Github

Github提供了一个Github Page的功能,来实现静态网页的显示,我们就是借用此功能来部署我们自己的博客.

Github环境配置

  1. 在Github上新建一个仓库,如下:

    新建仓库

  2. 然后在如下界面输入必要信息,注意看图中标注,尤其是仓库名字那个,必须是你自己github的用户名在加上.github.io后缀。例如我的,就是KenZP.github.io, 勾选创建readme,最后点Create就OK了。
    填写仓库名

  3. 仓库建好了,现在就需要把本地的博客部署到Github了,需要先做一些Github配置.
    在git bash里面输入如下命令:

    git config --global user.name "你的github用户名"
    git config --global user.email "你注册github的邮箱"

    然后生成密钥SSH key:

    ssh-keygen -t rsa -C "你注册github的邮箱"

    在C盘用户名下有个.ssh文件夹,比如我的路径:C:\Users\zhken\.ssh,把里面的id_rsa.pub打开,复制里面的字串。

    在你github头像下面点击settings,再点击SSH and GPG keys,新建一个SSH,名字随便起一个,然后把上一步复制的字串写到Key那个框中,然后点Add SSH Key。
    设置
    ssh
    sshkey

    此刻,你本地就可以和Github仓库做交流了,下面就是把本地的博客部署到github。

部署

  1. 打开博客根目录下的_config.yml文件,这是博客的配置文件,在这里你可以修改与博客相关的各种信息。

修改最后一行的配置:注意的是仓库地址,repository修改为你自己的github项目地址,比如我的是git@github.com:KenZP/KenZP.github.io.git

deploy:
  type: git
  repository: git@github.com:KenZP/KenZP.github.io.git
  branch: main
  1. 需要安装一个部署扩展:运行如下命令:npm i hexo-deployer-git
  2. 最后一步,运行如下三个命令,就部署成功了,稍等片刻,让github给你打一会工,登陆你的github io地址就能看到了。
    hexo clean
    hexo g
    hexo d

写文章

博客部署成功了,那我们怎么写博客并发布呢?

  1. 运行hexo new post "title",这里的title具体是指要写的文章名,然后会在_post文件夹下生成一个markdown文件,即title.md
  2. 然后按照markdown语法在title.md里面写文章
  3. 写完后运行如下三连就发布成功了,就能在你的博客网站上看到新发的文章了。
    hexo clean
    hexo g
    hexo d

总结

经过一顿操作,你的个人博客就建成了,也能发文章了,但是你发现这个只是一个最基础的博客,其实还有很多事要做,比如不喜欢githubio这样的网址,要绑定为自己的域名,比如不喜欢博客主题想换一个,等等这些还有很多东西可以DIY.

后面我会更新如何去换一个博客主题以及对主题的配置,最终DIY一个自己最喜欢的博客.


文章作者: Friday
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Friday !
  目录