原文链接: http://www.kylin-ux.com/2017/03/22/nerd-hexo-github-pages-搭建个人博客

注册github账号

此步骤略过
我的github用户名为shuhm-gh

创建repository

这一步要注意, 如果用master分支,仓库必须起名叫shuhm-gh.github.io,访问页面为http://shuhm-gh.github.io
如果你想使用别的仓库名(如blog),只能用gh-pages分支,比如blog仓库的gh-pages分支是博客内容,则访问页面为 http://shuhm-gh.github.io/blog/
否则, 会碰到404

安装hexo

[sudo] npm install -g hexo-cli

初始化博客

hexo init blog

配置博客

cd blog

更换主题

maupassant主题风格极简

安装maupassant主题
1
2
3
git clone https://github.com/tufu9441/maupassant-hexo.git themes/maupassant
npm install hexo-renderer-jade --save
npm install hexo-renderer-sass --save

我的系统是fedora 25, 安装hexo-renderer-sass会报错, 需要安装libsass-devel

1
sudo dnf install libsass-devel-3.3.6-1.fc25.x86_64

注意, 如果通过命令 sudo dnf install libsass-devel 安装, 被安装的版本为3.4.1-1, 对于npm安装的hexo-renderer-sass库版本太高了, 也会报错

修改默认主题

编辑_config.yml文件, 将theme: xxx更改为maupassant, 如下,
theme: maupassant

修改默认语言

language: zh-CN

修改资源(如图片)配置

post_asset_folder: true

设置后, 在创建文章的时候,Hexo会创建一个同名目录, 你可以将该文章关联的资源全部放到该目录下, 这样就可以更加方便的使用它们
使用方法如下

1
2
3
{% asset_path slug %}
{% asset_img slug [title] %}
{% asset_link slug [title] %}

关联github仓库

git clone https://github.com/shuhm-gh/shuhm-gh.github.io.git ./public

新建文章

hexo new first_blog

编辑文章

vim source/_post/first_blog.md

注, 使用标签 categories 进行文章分类, 如
categories: python

生成网站静态文件

hexo g
生成的网站静态文件默认存放位置置为public文件夹

推送到github

git推送public目录下文件到github仓库

1
2
3
4
cd public
git add -A
git commit -m "[A] first_blog"
git push

访问博客

http://shuhm-gh.github.io