Hexo是時下比較流行的博客框架,有比較豐富的主題和插件支持。Github為用戶提供了GitHub Pages,空間免費穩定,用來搭建一個博客是非常合適的。
下面介紹一下如何使用GitHub+Hexo搭建一個屬于自己的博客。
安裝Node.js
搭建Node.js運行環境。安裝Node.js。
安裝Git
搭建Git環境。安裝Git。
安裝Hexo
Node環境搭好后,就可以用npm安裝Hexo了。
$ npm install -g hexo-cli // 全局安裝hexo-cli
$ hexo init my-blog // 創建一個hexo框架
$ cd my-blog // 進入目錄
$ npm install // 安裝依賴包
$ hexo generate // 生成靜態文件(結果文件)
$ hexo server // 啟動本地服務,可以通過http://localhost:4000/ 訪問
其中,新建的框架目錄如下
|—— _config.yml // 網站的配置信息
|—— package.json // 項目包信息
|—— scaffolds // 模板文件夾,Hexo根據scaffold中的模板來新建文件
|—— source // 存放用戶資源的地方
| |—— _drafts // 存放草稿
| |—— _posts // 存放文章
|—— themes // 主題文件夾
在使用框架時,會常用到以下幾個命令:
$ hexo generate // 簡寫:hexo g,生成靜態文件,會在當前目錄下生成一個public文件夾
$ hexo server // 簡寫:hexo s,啟動本地服務,用于博客的預覽
$ hexo deploy // 簡寫:hexo d,部署到遠程(如GitHub,可以在_config.yml中配置)
$ hexo new post-name // 簡寫:hexo n post-name, 新建文章
$ hexo new page page-name //簡寫:hexo n page page-name,新建頁面
還有常用的組合命令:
$ hexo d -g // 生成和部署
$ hexo s -g // 生成和預覽
草稿命令:
$ hexo new draft <title> // 新建草稿,存放在source/_drafts
$ hexo publish post <title> // 發布草稿為文章,文章轉移到source/_posts
$ hexo s -g --drafts // 顯示草稿
設置Hexo主題
$ hexo clean
$ git clone https://github.com/LouisBarranqueiro/hexo-theme-tranquilpeak.git themes/tranquilpeak
然后修改Hexo目錄下的_config.yml
配置文件中的theme屬性,將其設置為transquilpeak。
重新啟動服務,就可以看到最新的主題了。
有的主題在GitHub上不是最終的主題文件夾,需要經過編譯生成。具體的以主題項目中的說明為準。
這里舉例的tranquilpeak主題就是需要下載一個zip包來獲得。
部署到GitHub Pages
前面有說過,GitHub Pages用于介紹托管在GitHub的項目的,每個帳號只能創建一個repository來存放GitHub Pages,而且倉庫名稱必須是username/username.github.io,這是固定的命名約定。
創建后,可以通過http://username.github.io來訪問個人主頁。
GitHub Pages中個人主頁的內容是在master分支下的。
部署Hexo到GitHub Pages指的就是將hexo -g
生成的靜態文件推送到GitHub Pages對應的倉庫中。
Hexo提供了hexo-deployer-git工具,可以幫助部署Hexo到很多平臺。
$ npm install hexo-deployer-git --save
修改_config.yml中的配置:
deploy:
type: git
repo: https://github.com/yanyinhong/yanyinhong.github.io.git
branch: master
然后執行命令:
$ hexo d