為什么要使用Hexo和Github Pages搭建個(gè)人博客？
- 簡單
- 容易使用 （操作簡單）
- 省錢 (不用買服務(wù)器，不用買域名)
準(zhǔn)備工作
- GitHub賬號(hào)
- Node.js (Hexo 是基于Node.js的)
- 安裝Hexo
- 建站
- 配置
- 發(fā)布文章
開始
1. GitHub賬號(hào)
在你自己的GitHub賬號(hào)上創(chuàng)建一個(gè) repository 名字為:username.github.io'切記:username必須和用戶名一致
2. Node.js
- 用homebrew來的Node.js
homebrew詳細(xì)的安裝步驟的安裝
2 . 安裝node
brew link node
brew uninstall node
brew install node
3. 安裝Hexo
npm install -g hexo-cli
4.建站
- 第一步：建立一個(gè)自己的站點(diǎn)，比如我的叫YorkLee
-
$ hexo init YorkLee
$ cd YorkLee
$ npm YorkLee
站點(diǎn)結(jié)構(gòu)如下：
├── _config.yml # 配置文件，大部分的配置都靠它
├── package.json # 應(yīng)用程序的信息
├── scaffolds # 模板信息，創(chuàng)建文章時(shí)使用
├── source # 資源和Markdown文件存放地方
| ├── _drafts # 草稿，當(dāng)layout指定為draft時(shí)，默認(rèn)不解析發(fā)布
| └── _posts # 準(zhǔn)備發(fā)布的文章，每次generate會(huì)解析該目錄下的文章
└── themes # 主題， 靜態(tài)文件會(huì)根據(jù)主題來生成
配置
建站完成之后，當(dāng)然是要配置了，這里最重要的就是_config.yml
文件，可以參考官方文檔，記得要配置Github賬號(hào)信息, 需要填寫type, repo, branch
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/liyunhe/liyunhe.github.io.git
branch: master
# --------------------------------------------------------------
# background settings
# --------------------------------------------------------------
# add canvas-nest effect
# see detail from https://github.com/hustcc/canvas-nest.js
一定要注意格式 格式不一樣會(huì)報(bào)錯(cuò)
可以先從本地看下有沒有部署成功
hexo s會(huì)提示：http://localhost:4000查看內(nèi)容
更改主題
- 官方主題：官方提供的各種主題
-
有哪些好看的 Hexo 主題? - 知乎
下載的話直接clone就可以網(wǎng)上例子有好多
發(fā)布
安裝hexo-deployer-git自動(dòng)部署發(fā)布工具
$ npm install hexo-deployer-git --save
測(cè)試沒問題后，我們就生成靜態(tài)網(wǎng)頁文件發(fā)布至我們的Github pages 中。
$ hexo clean && hexo g && hexo d
現(xiàn)在就可以訪問了https://liyunhe.github.io/
