Mac下程序员博客之 Hexo + GitHub Pages + Coding Pages + DNSPod

Veröffentlicht am | Edited on

####引言：
　　“不如”大师说：
　　“一直纠结于哪里写博客，曾用过新浪博客，百度空间，JavaEye，LOFTER，OSChina，cnblogs，CSDN，自搭 WordPress，都不满意。再后来也弄过 Jekyll 和 Octopress，觉累不爱。
　　直到多看了一眼 hexo，这个逼格极高的程序猿写作方式，我喜欢。就连 hexo 的发音都像是黑客哦！如果你跟我一样纠结哪里写博，那就来到 GitHub 吧，让我们一起 hexo！H人希绝对不会让你失望，相信很快 hexo 就会流行起来。

　　Hexo作者说：
　　“我想每個 Octopress 的使用者一定都有這樣的煩惱──隨著文章數量愈來愈多，檔案建立的速度愈來愈慢。本站目前已累積至 54 篇文章，每次建立檔案時，至少都需要花費一分鐘以上的時間。”
　　“我想 Octopress 的名稱來源也許是 Octal（八進制） + Press，因此我便以十六進制（hexadecimal，縮寫為 hex）來取名。”

#####一、安装 HomeBrew
　　HomeBrew 是 OS X 下的一个程式管理器，需要用他来安装其他程式。

1
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

#####二、安装 NodeJS
brew install node

#####三、安装 Hexo
　　用 nodejs 自带 npm 安装

1
2
3
4
cd hexo的安装文件夹
npm install hexo -g
hexo init
npm install

#####四、安装 GIT
brew install git

#####五、生成 SSH Key：

1
2
3
4
5
6
$ssh-keygen -t rsa -C "姓名全拼@haodf.com"  
$git config --global user.name "姓名全拼"  
$git config --global user.email "姓名全拼@haodf.com"  

$cd ~/.ssh/  
$cat id_rsa.pub 【注：ssh-keygen 命令默认生成 id_rsa.pub】

　　生成的 SSH Key 有很多地方需要使用。

#####六、生成 GitHub Pages
　　GitHub Pages 绑定域名需要在 Hexo 目录下的 source 目录下建立一个名为 CNAME 的文件，里面写上自己的域名即可。
　　还需要给 GitHub 配置生成的 SSH Key，路径是GitHub右上角的小齿轮(设置入口) -> SSH keys

#####七、生成 Coding Pages
　　Coding Pages 的设定跟 GitHub Pages 有点不一样，不过点击链接看文档就够了。
　　也需要给 Coding.net 配置生成的 SSH Key，路径是右上角的我的账户 -> SSH 公钥

#####八、Hexo 的设定、更新以及写作命令
　　1、修改 hexo 根目录下 _config.yml 文件(‘xxxx’为你的账户名称)：

1
2
3
4
5
6
7
deploy:
- type: git
  repo: git@github.com:xxxx/xxxx.github.io.git
  branch: master
- type: git
  repo: git@git.coding.net:xxxx/xxxx.git
  branch: coding-pages

　　2、安装 hexo-deployer-git
　　npm install hexo-deployer-git --save
　　3、更新hexo到最新版
　　npm update hexo -g
　　4、写作命令
　　　　3.1、建立新文章：hexo n "新文章名"
　　　　3.2、预览文章：hexo s
　　　　3.3、生成网页：hexo g
　　　　3.4、发布文章：hexo d
　　　　3.5、生成网页并发布文章：hexo d -g

#####九、安装主题
　　推荐 NexT主题，详情点进去 see see
　　主题文件里的 googleapi 需要处理一下才不会使得网页打开慢，具体看【十三.2】吧

#####十、NameServer的设定 和 DNSPod 的设定
　　去域名服务商页面把 NameServer 设为 DNSPod 的 NS：f1g1ns1.dnspod.net 和 f1g1ns2.dnspod.net
　　DNSPod 的设定见图(红色的部分是 GitHub 的账户名称)：

DNSPod设置截图
　　这样可以使得国外的用户访问 GitHub Pages，国内的访问 Coding Pages。
　　需要注意的是：Coding.net 需要在博客项目的 Pages 服务 标签里绑定一下域名。

#####十一、MarkDown 相关
　　语法见介绍
　　markdown写作APP推荐用 Sublime Text 3
　　Sublime Text 3 注册码见 http://hi.baidu.com/shaoduoli/item/897e27d11b955eed3cc2cb7b
　　Sublime Text 的 Markdown 插件用 MarkdownEditing 的 Markdown GFW。

#####十二、注意事项
　　1、_config.yml 文件的冒号后需要跟着一个空格，否则会报错；
　　2、如果命令的权限不够，请前加 sudo ；
　　3、发布的时候如果出现错误，一般删除 db.json 再重新发布就行了。

#####十三、推荐文章和工具
　　1、hexo搭建静态博客以及优化
　　2、Zippera’s blog 的 hexo 美文

#####十四、各种优化

#####十五、祝你快乐