基于Hexo和GitHub的博客具有免費展运、無流量限制顶别、可定制程度高等優(yōu)點些阅，這篇博客簡要說明Mac環(huán)境下的搭建方式狐粱。歡迎訪問本人按照此方法搭建的博客：https://kou-guandong.github.io/
快速開始
0. 預先準備
- 安裝Node.js舀寓，前端開發(fā)者必備
- 安裝Git，最常見的版本管理工具
- 登錄GitHub賬號肌蜻，創(chuàng)建名為
<github username>.github.io的代碼倉庫互墓，<github username>為該賬號用戶名
以上工具對大部分程序員而言都很常見，具體方法可到各自官網(wǎng)查看蒋搜，這里不做展開
1. Hexo博客初始化
1.1 全局安裝Hexo命令行工具
$ npm install -g hexo-cli
1.2 使用命令行"cd"到需要創(chuàng)建Hexo博客項目的路徑下篡撵，執(zhí)行
$ hexo init
這一操作會從GitHub上的官方Hexo項目拉取用于項目初始化的代碼判莉，其中包含名為package.json的描述性文件
1.3 依然在該路徑下，執(zhí)行
npm install
這一操作將根據(jù)package.json文件育谬，安裝Hexo博客所依賴的工具骂租，完成時項目結(jié)構如下所示
.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes```
其中，_config.yml為配置描述文件斑司；package.json為前述包管理工具文；scaffolds為文章的"腳手架"但汞；source文件夾用于配置博客網(wǎng)站內(nèi)容宿刮；themes文件夾用于文章的樣式。
1.4 查看本地博客私蕾，執(zhí)行hexo server即可在localhost:4000看到本地的Hexo博客網(wǎng)站僵缺。
2. 關聯(lián)GitHub賬號
2.1 安裝 hexo-deployer-git 工具，用于部署博客到GitHub
$ npm install hexo-deployer-git --save
2.2 配置_config.yml文件踩叭，在底部 deploy部分做如下修改
deploy
type: git
repo: 代碼倉庫路徑磕潮，可在settings部分點擊"clone or download"看到，如：https://github.com/Kou-Guandong/kou-guandong.github.io.git
branch: master
message: 任意字符串信息容贝，如 "deploy finished"
2.3 發(fā)布博客到線上環(huán)境自脯，運行
hexo deploy
即可發(fā)布本地項目文件到遠程博客"https://username.github.io" , username為GitHub用戶名。
3. 發(fā)布新文章與個性化配置
3.1 編寫新博客
hexo new "blog-title"
其中斤富，"blog-title"為博客標題膏潮。
3.2 通過修改_config.yml文件，個性化配置博客满力。
_config.yml文件中的都很容易看懂焕参，這里以Site模塊為例
| 屬性名稱 | 對應內(nèi)容 |
|---|---|
| title | 博客大標題 |
| subtitle | 博客子標題 |
| description | 博客描述 |
| author | 作者名字 |
| language | 博客網(wǎng)站語言 |
| timezone | 博客網(wǎng)站所在時區(qū) |
3.3 將本地更新(文章或配置)推到遠程生成靜態(tài)資源文件
hexo generate
部署到 username.github.io
hexo deploy
