花了一天左右的时间,折腾 Github + Hexo 博客方案。

整体的使用体验还是很不错的,这里记录一下安装过程和心得体会。

Github

在 Github 创建一个新的仓库,专门用于发表文章,名称必须为:username.github.io,如 zhuwanjun2008.github.io。

Hexo

在本机安装 Git 客户端和 NodeJS (含 npm )。

安装 Hexo 命令行

npm install -g hexo-cli

初始化名称为 blog 本地工作区

hexo init blog
cd blog
npm install

关联 Github 仓库

修改本地工作区的 _config.yml 文件

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: git@github.com:zhuwanjun2008/zhuwanjun2008.github.io.git
branch: master

常用命令

# 在工作区执行
hexo new "文章标题" # 新建文章
hexo g # 生成静态页面
hexo s # 本地浏览
hexo d # 部署
hexo h # 更多命令,参见帮助

themes

安装完,Hexo 默认主题使用 landscape,本来想使用大家推荐的 next,偶然间看到 maupassant ,觉得更加简洁,更适合前端小白同学使用,哈哈。

maupassant 主页

评论

gitment 作者的服务器,近期有点问题,需要自己构建代理服务器,有点麻烦,所以使用 gitalk。

搜索

感觉搜索引擎有点重,直接使用 self_search

字数统计

wordcount

访问统计

busuanzi

近期服务域名变更,需要修改,编辑 themes/maupassant/layout/post.pug 文件

if theme.busuanzi == true
script(src='https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js', async)
span#busuanzi_container_page_pv= ' | '
span#busuanzi_value_page_pv
span= ' ' + __('Hits')

域名绑定

目前的访问域名为 zhuwanjun2008.github.io,将其修改为个性化域名 wanjun.pro。

打开 zhuwanjun2008.github.io 的仓库配置,设置 Custom domain 为 wanjun.pro,开启 Enforce HTTPS。

在 工作区 source 文件夹中,放入名为 CNAME 的文件,文件内容为 wanjun.pro。

修改 DNS 域名解析,新增 wanjun.pro 到 zhuwanjun2008.github.io 的 CNAME 解析即可。

使用 Hexo 命令行工具,重新生成静态页面,提交部署即可。

参考

Hexo 官网

GitHub+Hexo 搭建个人网站详细教程