OS X 下使用 Coding Pages 和 Hexo 搭建静态博客

OS X 下使用 Coding Pages 和 Hexo 搭建静态博客

1.安装 Git、Node.js

可以查看Git版本

git --version

可以查看node.js版本

node -v

2.安装 Hexo

利用npm命令安装，再OS上需要用到权限所以要用到sudo

sudo npm install -g hexo

3.在本地建立博客

安装完成后，在合适的地方新建一个目录来存放博客，在该目录下使用终端指令，来生成博客需要的文件

hexo init

接着安装需要的依赖

sudo npm install

4.安装组件

使用以下指令来检查却什么组件，该指令并不是一个完整的指令

hexo

缺少什么就安装什么，以server为例

sudo npm install hexo-server --save

5.本地效果预览

在博客所在目录，执行以下命令生成静态博客页面，启动本地服务器

hexo generate  # 缩写：hexo g 
hexo server      # 缩写：hexo s

浏览器访问http://localhost:4000/即可预览

6.创建Coding Pages

参照官方指南创建静态Pages CodingPages官方指南

7.部署到Coding Pages

修改本地博客目录下的_config.yml文件，推荐使用Sublime，修改以下几个参数

deploy:
type: git               #部署方式，使用：Coding的Git
repo: <repository url>  #仓库地址，
branch: [branch]        #分支名，一般写master

安装deployer组件

sudo npm install hexo-deployer-git --save

依次执行清理命令、生成命令、部署命令

hexo clean # 清理
hexo g       # 生成
hexo d       # 部署

8.预览

在Coding创建完Pages后，会提供一个{user_name}.coding.me,
我的是 http://y1shichanganluan.coding.me/

9.待补充