搭建教程:

macOS环境下利用Github和Hexo部署博客

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

Themes:

github 源码: Hexo-Aircloud-Blog

preview 博客:niexiaotao.cn

主要问题:

使用hexo new post时,生成的md文件中默认有date,会造成 hexo generate 无法构建新的静态页面。因此,可能会出现部署新的layout页面出现404 not found,以及新post不显示。解决方法就是更改 scaffolds 中的post模板,删掉里面的 date 就好了.

Hexo Blog使用:

Hexo 常用命令

1
2
3
4
5
6
7
8
9
npm install hexo -g    #安装  
npm update hexo -g    #升级
hexo init    # 初始化博客,会在当前文件夹建立 'source','themes', '_config.yml'...
hexo new post "title" # 新建博客文章

hexo clean # 清除缓存文件 (db.json) 和已生成的静态文件 (public)
hexo generate # 生成静态文件, 后面加 -d 直接生成并部署
hexo deploy # 部署网站,后面加 -g 部署之前预先生成静态文件
hexo server # 启动服务器,-p 重设端口, -l 启动日记记录

Markdown语法

1
2
3
4
5
段落: 两个空格 + Enter
强调: *斜体*, **粗体**, ~~删除线~~
列表: 有序列表使用 * + 空格 + 列表内容; 有序列表使用数字 1. 列表内容
链接: [text](link)
图片: ![xx.png](path/xx.jpg)

换机更新博客方法

主要思路还是将本地Hexo原始文件以及生成的网页静态文件分别放在 github 不同的分支,其中 Hexo 分支设为默认分支。换机更新博客时,首先安装好本地 git 环境,安装nodejs, npm, Hexo,再 git clone Hexo repo至本地。本地更新博客时,先更新上传 Hexo 源文件,再生成网页 static 文件并部署至 github pages (另一分支)。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
# 将旧机器上博客源文件 git push 至新建的 hexo 分支(github pages repository)

# 新机器上,先 clone 博客源文件至 local
git clone git@github.com:xx/xx.github.io.git

# 安装 nodejs, npm, Hexo
nvm install stable        # 推荐使用 NVM 安装
sudo apt-get install npm
npm install hexo-cli -g
npm install hexo-server --save  # Hexo 3.0 须先安装 hexo-server 才能使用

# 上传博客修改的博客源文件
git add .
git commit -m "update blog"
git push

# 生成静态网页文件,并部署至github pages
hexo c
hexo g
hexo d

其他比较好看的themes:

Next: Dandy Xu’s Pitgithub

Maupassant: 屠城github

TKL: Kieran’s Bloggithub

Anisina: Haojen’s Bloggithub

Pure: Cofessgithub

PolarBear: Frostgithub

….

之前一直在用WordPress,不过并不是很喜欢,所以一直在想自己搭一个blog。虽然心心念念,但拖了很久。对于本人这种选择困难症来说,选theme真是一件痛苦的事情。因为比较喜欢偏简洁一点的风格,所以最后选了这个巨简风aircloud。