Mac 搭建 Hexo 博客流程

1 新建 GitPage 项目

GitHub Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服务，可用于搭建个人博客。

创建新的 Repository，并命名为 {userName}.github.io

2 安装 Hexo

参考链接：https://hexo.io/zh-cn/docs/index.html

验证安装命令：

$ node -v : 验证 node 安装版本
$ npm -v : 验证 npm 安装版本
$ hexo -v : 验证 hexo 安装版本

Hexo 安装命令：

$ npm install -g hexo-cli

3 初始化 Blog

安装 Hexo 完成后，执行下列命令，会在指定文件夹中新建所需要的文件。

$ hexo init <folder> 
$ cd <folder>
$ npm install

执行下列命令，可以查看在本地预览；

$ hexo g // 生成静态页面
$ hexo s // 启动本地 blog 服务器

打开浏览器，在地址栏输入 localhost:4000，就可以查看本地博客了

4 同步 Hexo 博客到 Github

Hexo 提供了快速方便的一键部署功能，让您只需一条命令就能将网站部署到服务器上。部署到 Github Pages，步骤如下：

安装 hexo-deployer-git

$ npm install hexo-deployer-git --save

修改部署配置

deploy:
  type: git
  repo: git@github.com:{userName}/{userName}.github.io.git
  branch: master

执行部署

hexo d // 将本地博客发布到 github

5 Next 主题配置

下载主题

git clone git@github.com:theme-next/hexo-theme-next.git themes/next

应用主题

修改 _config.yml，将主题设置为 next

theme: next

6 域名设置

设置域名

1 切换到个人博客 repository [https://github.com/kakakeven/kakakeven.github.io]
2 点击 Setting，进入项目设置页面
3 在 Custom domain 下，新增域名配置，并点击保存；

参考链接：
Adding or removing a custom domain for your GitHub Pages site

存在的问题

通过 Setting 添加的 CNAME 文件，每次执行 hexo deploy 的时候都会消失

解决方案

安装 hexo-generator-cname

1 安装插件： npm install hexo-generator-cname --save
2 启用插件：修改 _config.yml，配置 plugins:
plugins:
  hexo-generator-cname
3 配置 CNAME： 修改 _config.yml，配置 url: http://lintrp.com

参考链接

• 避免 CNAME 的覆盖
• 推荐：Mac搭建Hexo博客及NexT主题配置优化