使用Hexo + GitHub Pages 搭建个人博客

根据Hexo官方介绍,Hexo 一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

安装Hexo

安装前提

安装前检查是否安装

安装Hexo

新建名为Hexo文件夹,在目录下运行

1
$ npm install hexo-cli #安装Hexo

部署Hexo

本地预览

启动Hexo

1
2
$ npx hexo g #生成静态文件
$ npx hexo s #启动本地web服务

此时打开网址 http://localhost:4000 可以看见内置的blog

主题安装

以yilia为例

1
$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia #安装主题
1
2
$ cd themes/yilia #更新主题
$ git pull

重新启动Hexo,即可看见主题更新

部署Hexo到GitHub Pages

使用Hexo deploy部署

首先需要安装一个扩展

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

修改配置文件/blog/_config.xml

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

执行完成部署

1
$ hexo d

注意

每次deploy之前要运行, 生成静态文件

1
$ hexo g

需要使用LaTeX时,记得开启

1
mathJax: true