Github Pages + Hexo 建立你的个人博客

525 阅读2分钟

1. 准备工作

  1. 安装Nodejs 使用命令node -v查看是否安装完成
  2. 安装npm 使用命令npm -v查看是否安装完成
  3. 安装git 使用git --version查看是否安装完成
  4. 注册好github帐号(好记好写,不带特殊字符),最好有科学上网工具,要不然不管是安装还是上github都有404风险
  5. 创建密钥,建立与github的链接

2. 开始搭建

2.1. 注册github 并创建仓库

这个注册的仓库名有些特殊,必须是带有你注册github帐号的名字,如

image.png 可以什么都不选,直接创建一个空的仓库。

2.2. 使用hexo创建博客

hexo中文网站可以点进来先看看hexo文档

  1. 创建一个空的文件夹,比如blog,用放hexo的产生的源代码,进入blog文件夹
  2. 使用命令全局安装hexo npm i hexo-cli -g
  3. 初始化hexo hexo init npm install
  4. 本地创建一个博客 hexo new "博客名"(创建博客) hexo g(生成网页)
  5. 本地查看 hexo s(打开服务器)

image.png

image.png

2.3. 部署到github

找到目录下面_config.yml文件,滑到最底下,修改里面的参数,没有的就创建

image.png

第二項 repo设置为SSH的地址,我看了很多教程都是HTTPS,不过用SSH能生效就行,不行再试试HTTPS

image.png

此时默认的分支还是main,hexo是我后期加上去的 不管它

到这一步就可以用hexo部署项目了,最后的结果是把编译好的文件上传到github,放在github pagas类似于服务器一样的环境,这样大家就可以访问了

命令如下:

  1. hexo clean(清除缓存文件,比如换主题就需要这个命令)
  2. hexo g(生成静态文件)
  3. hexo d(发布到github)
  4. github setting里的Pages里能找到访问路径

image.png

3. 不同设备同步更新blog

上面搭建的blog只能在搭建的本机上写blog。换了一台电脑,又要重新搭建环境,又要重写blog。或者blog备份,转移再接着写,很麻烦。

思路:创建分支,main分支保存编译好的代码,用于展示。hexo保存源码,便于多设备切换工作。

image.png

一般执行完 hexo d是把public下的文件同步到github,因此我们把public下的文件放在main分支,hexo网站文件放在hexo分支

image.png

可以直接本地创建hexo分支,并推送至远程。并将hexo设为默认分支,这样后面git push推送代码就直接到hexo分支

后面的操作就是:依次执行git add git commit -m "..." git push提交网站相关的文件

执行hexo g -d生成网站并部署到gitHub上

4. 参考文章

  1. zhuanlan.zhihu.com/p/370635512

  2. www.zhihu.com/question/21…

  3. formulahendry.github.io/2016/12/04/…