GitPages+Hexo+Butterfly
Why
通过博客记录并巩固所学知识
What
GitPages
Websites for you and your projects.
Hosted directly from your GitHub repository. Just edit, push, and your changes are live.
Hexo
Hexo 是一个快速、简洁且高效的博客框架,使用 Markdown解析文章,在几秒内即可利用靓丽的主题生成静态网页。
Butterfly
hexo-theme-butterfly
How
安装Hexo
安装 Hexo 相当简单,只需要先安装下列应用程序即可:
具体请参考Hexo安装前提,对于不同的操作系统都有介绍。
需要注意的是,我们可以使用npm淘宝源来加速安装:
1 |
|
本地尝试Hexo
1 |
|
浏览器访问localhost:4000,可以发现本地博客基本框架已经搭建好了。
在命令行窗口使用Ctrl+C
可以结束服务。
准备Github
首先,我们需要拥有一个github账号,没有的话快去申请吧。当然国内也有类似的代码托管网站,后续可以自行尝试,本文不做相关介绍。
注册完成后登录,创建一个和你用户名相同的仓库,后面加.github.io,也就是xxx.github.io,其中xxx就是你的用户名。
为了方便后续更新博客内容,我们需要通过ssh
连接github仓库,具体请参考Generating a new SSH key and adding it to the ssh-agent。
我们可以通过以下命令来测试是否能正常连接:
1 |
|
成功则会显示:(lucifer9735为我的用户名)
1 |
|
部署GitPages
我们需要先安装hexo-deployer-git
便于我们后续部署:
1 |
|
编辑myblog/_config.yml
文件末尾,添加部署配置:
1 |
|
其中xxx是你的用户名。
使用以下命令即可部署:
1 |
|
可简写为:
1 |
|
甚至可以利用alias
:
1 |
|
部署完成后,访问xxx.github.io
即可查看属于你的blog。
更换主题Butterfly
Butterfly的官方文档系列,非常完备,看就完事了,按需配置。
What’s more
1 |
|