Use Hexo + Github Build Your Blog 教程(二)配置github与自选主题

配置github远端连接

我们需要在Github上新建一个仓库来托管我们的网页，需要注意Github只能使用一个同名的仓库名来托管一个静态的站点，所以我新建的仓库名字应该和我们的用户名一致，比如我的用户名是shenmuxin，那么我的仓库名应该为shenmuxin.github.io，具体可以参考下图

然后我们需要配置SSH key，这样我们就可以通过SSH来连接Github了，具体操作如下

bash
1
2
3
git config --global user.name "your name"
git config --global user.email "your email"
ssh-keygen -t rsa -C "your email(和上面的邮箱一致)"

按照提示完成三次回车，便可以生成SSH key，可以采用以下的指令来查看自己生成的SSH key

bash
1
cat ~/.ssh/id_rsa.pub

也可以手动打开~/.ssh/id_rsa.pub文件来查看，复制SSH key的全部内容

然后将SSH key添加到Github上，在Github上找到Settings，然后找到SSH and GPG keys，点击New SSH key，将SSH key的内容粘贴到Key中，然后点击Add SSH key

然后在_config.yml文件中进行配置，

将deploy的配置修改为如下内容

bash
1
2
3
4
deploy:
  type: git
  repo: https://github.com/your name/your name.github.io.git
  brach: master

然后再安装一个部署从插件hexo-deployer-git,在博客文件中使用Git Bash Here打开终端，输入以下指令

bash
1
npm install hexo-deployer-git --save

最后执行如下的两条命令就能够部署上传了

bash
1
2
hexo g
hexo d

此时用浏览器打开your name.github.io就能访问你的网页了。

配置好看的主题

Hexo官方收录了许多好看主题，可以在这里找到https://hexo.io/themes/index.html，笔者使用的主题是butterfly，https://github.com/jerryc127/hexo-theme-butterfly。
直接下载主题文件夹，然后放置在themes文件夹下，在themes/butterfly/_config.yml文件中进行配置，选择当前使用的主题名字

然后我们可以进行渲染

bash
1
2
3
hexo clean
hexo g
hexo s

查看当前的主题效果。

Reference

https://butterfly.js.org/
https://www.bilibili.com/video/BV1Eg41157tL/?spm_id_from=333.337.search-card.all.click&vd_source=d02fb26eb2345ac42c054db0bb8d8864