博客搭建小记

很早就打算建一个博客,在逛了一大圈之后决定采用 GitPage + Hexo 方案,主题由 NexT.Mist 修改而来。主要因为 Hexo + NexT 的组合足够简洁,Markdown的写作方式也很Geek,感觉非常适合我。本文记录了搭建博客的简要过程。

系统环境配置(Windows)

Node.js

下载地址:https://nodejs.org/download/

Git

下载地址:https://git-scm.com/download/

Hexo安装配置

1
2
3
4
5
6
7
8
cd d:/hexo
npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo g # 或者hexo generate
hexo s # 或者hexo server
npm uninstall hexo #卸载Hexo

Hexo常用命令

命令 功能
hexo new "postName" 新建文章
hexo new page "pageName" 新建页面
hexo generate 或者 hexo g 生成静态文件
hexo server 或者 hexo s 启动本地web服务
hexo deploy 或者 hexo d 部署博客到远端

GitPage设置

建立一个名为<username>.github.io的仓库,其中<username>是用户名。之后部署Hexo到Github就大功告成了。这里我写了一段脚本实现自动部署。

1
2
3
4
5
6
hexo generate
cp -R public/* Phyzzqs.github.io
cd Phyzzqs.github.io
git add .
git commit -m “update”
git push origin master

更新:Hexo官方Git部署方式

安装 hexo-deployer-git

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

修改配置。

1
2
3
4
5
deploy:
type: git
repo: <repository url> #库(Repository)地址
branch: [branch] #分支名称。如果使用的是 GitHub 或 GitCafe 的话,程序会尝试自动检测。
message: [message] #自定义提交信息 (默认为 `Site updated: {{ now('YYYY-MM-DD HH:mm:ss') }}`)

DISQUS评论模块设置

Disqus申请一个账号,并把主题配置文件_config.yml中的disqus设置为真,并填写shortname,这时理论上就可以加载Disqus模块了。但是似乎链接路径过深的时候Disqus会出BUG,所以本博客把链接格式修改为\post\:title