Hexo+Github Pages 搭建个人博客

安装 Hexo

# 安装 node.js 和 npm

sudo pacman -S nodejs npm

# 安装 hexo

sudo npm install -g hexo-cli

前期准备

1. Hexo 配置

   	# 新建一个存放博客相关文件的文件夹（以 your_blog 为例）
   	hexo init your_blog # 初始化
   	cd your_blog
   	hexo new “HelloWorld” # 生成 HelloWorld.md 文件（你的文章），存放在 /your_blogyour_blog/sources/_post/ 目录下
   	hexo generate # 将 /your_blog/sources/_post/ 目录下的 Markdown 文件解析成可以使用浏览器查看的 HTML 文件，存在 blog/public 目录下
   	hexo server # 在本地运行服务，可以在提示的网址进行预览博客

2. Hexo 配合 Github Page

   在 /your_blog/ 下安装使用 Git 进行部署所需的依赖项

   npm install hexo-deployer-git --save

   在 /your_blog/_config.yml 中修改 deploy 属性 (注意：之后有空格)

   	deploy:
   	type: git
   	repository: [你的仓库地址,如果有ssh推荐使用ssh]
   	branch: master

3. 部署：

   hexo deploy # 将本地文件推送到 Github 仓库 同时更新你的 Github page 个人博客展示界面

4. 以后更新博客的流程：

   	hexo new “HelloWorld” # 生成 HelloWorld.md 文件（你的文章），或者手动在 your_blog/sources/_post/ 目录下创建 md，并编辑
   	hexo g # 将 Markdown 文件解析成 HTML 文件
   	hexo server # 本地预览（可无）
   	hexo d # 推送更新

5. 注意

   • 短时间内对本地配置文件进行修改后，推荐使用 Hexo cl 命令来清除缓存，之后在执行 Hexo s 来查看修改后的效果。

   • 你的 Github 本地仓库应该位于 your_blog 目录下，不要更改，博客网站就是仓库中的文件生成的。执行 hexo d 命令时会帮你更改仓库中的文件，不需要管同时，执行 hexo 命令需要在 your_blog 目录下进行操作。

在 Github 绑定购买的自定义域名（如有）

更换主题 推荐主题: Hexo 主题 Shoka & multi-markdown-it 渲染器使用说明，或者自行下载喜欢的主题。

1. 一般主题都会有详细的配置和插件配置教程，以 shoka 为例，大体过程如下：

   	cd your_blog # 进你的博客目录
   	git clone https://github.com/amehime/hexo-theme-shoka.git ./themes/shoka # 克隆 github 仓库到 /blog/themes/ 下

   主题目录内一般有 example 文件夹，提供配置文件的 demo 供参考。

2. 安装依赖插件

   按照具体所给教程进行，可能不需要。

3. 修改配置文件 your_blog/_config.yml ，把 theme 改为 shoka。

4. 重新生成静态文件并推送。

   	hexo generate # 将 /your_blog/sources/_post/ 目录下的 Markdown 文件解析成可以使用浏览器查看的 HTML 文件，存在 blog/public 目录下
   	hexo server # 本地预览（可无）
   	hexo deploy # 将本地已有的文件推送到 Github 仓库 同时更新你的 Github page 个人博客展示界面