使用Hexo + Github Pages搭建个人站点

系统环境配置

安装Node.js

安装Git

安装Hexo

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

可以在http://localhost:4000/ 查看

常用简写

1
2
3
4
hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

常用组合

1
2
hexo d -g #生成部署
hexo s -g #生成预览

http://localhost:4000/ 可以看到一篇内置的blog(Hello world)。

Hexo主题设置

安装主题

1
2
hexo clean
git clone https://github.com/giscafer/hexo-theme-cafe.git themes/cafe

启用主题
修改Hexo目录下的_config.yml配置文件中的theme属性，将其设置为cafe

更新主题

1
2
3
4
cd themes/cafe
git pull
hexo g # 生成
hexo s # 启动本地web服务器

现在打开http://localhost:4000/ ，会看到我们已经应用了一个新的主题。

Github Pages设置

创建自己的Github Pages
eg.:ZQiang94.github.io

部署Hexo到Github Pages

安装扩展

1
npm install hexo-deployer-git --save

使用hexo deploy部署

1
2
3
4
deploy:
  type: git
  repo: git@github.com:jiji262/jiji262.github.io.git
  branch: master

然后在命令行中执行

1
hexo d

使用git命令行部署
clone github repo

1
2
3
cd d:/hexo/blog
git clone https://github.com/zqiang94/zqiang94.github.io.git .deploy/zqiang94.github.io

将我们之前创建的repo克隆到本地，新建一个目录叫做.deploy用于存放克隆的代码。

创建一个deploy脚本文件

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

需要部署的时候，执行这段脚本就可以了（比如可以将其保存为deploy.sh）。执行过程中可能需要让你输入Github账户的用户名及密码，按照提示操作即可。

Hexo 主题配置

查看原文

原文

本人搭建该站点只参考了这一篇博文,非常详细，再次表示感谢。

Fork me on GitHub