前段時間,在一次分享會上發現,很多人不知道 github 的一個強大功能 —— GitHub Pages,今天就介紹下。如果你不想要像新浪、csdn 這類樣式醜、頁面內容雜的博客網站,或者不想在移植、遷移上浪費精力,又或者不想付出多餘的銀子買VPS,那麼 GitHub Pages 是不錯的選擇。
GitHub Pages 有以下幾個優點:
輕量級的博客系統,沒有麻煩的配置
免費空間,享受 Git 版本管理功能
使用標記語言,比如 Markdown
無需自己搭建伺服器
可以綁定自己的域名
當然他也有缺點:
搭配模板系統,相當於靜態頁發布,每運行生成一次都必須遍歷全部的文本文件,網站越大,生成時間越長
動態程序的部分相當局限,比如沒有評論,不過有解決方案
基於 Git,很多東西需要定製,不像 Wordpress 有強大的後臺
要想搭建漂亮的 blog,還需要模板系統,官方推薦的是 jekyll,但是配置稍複雜,今天推薦另一個選擇 —— hexo,一個簡單地、輕量地、基於 Node 的一個靜態博客框架。
下面介紹下如何使用 hexo 和 github pages 搭建個人博客。
準備工作注意: 本文針對 Windows 平臺和 Hexo 3.1.1
安裝 github windows主要使用 git bash,如果對 git 命令不熟悉的也可以使用 git 客戶端進行某些操作
github windows
安裝 node.js因為要使用 npm,比較簡單的方法就是安裝 node.js
node.js
安裝完成後添加 Path 環境變量,使 npm 命令生效
;C:\Program Files\nodejs\node_modules\npm
創建 Github Pages沒有 github 帳號的話,需要註冊一個,不贅述
然後創建一個倉庫,名字是[yourGithubAccount].github.io
配置 ssh key使用 git bash 生成 public ssh key,以下是最簡單的方法
$ ssh-keygen -t rsa
C/Documents and Settings/username/.ssh 目錄下會生成 id_rsa.pub
將 id_rsa.pub 的內容完全複製到 github Account Setting 裡的 ssh key 裡即可
測試
$ ssh -T git@github.com
然後會看到
Hi [yourGithubAccount]! You've successfully authenticated, but GitHub does not provide shell access.
設置用戶信息
$ git config --global user.name "[yourName]"//用戶名$ git config --global user.email "[yourEmail]"//填寫自己的郵箱
經過以上步驟,本機已成功連接到 github,為部署打下基礎。
配置 hexo本地 clone創建本地目錄,然後使用 git bash 或者客戶端 clone 之前創建的倉庫([yourGithubAccount].github.io)
安裝、配置 hexo進入倉庫目錄,使用 git bash 安裝配置 hexo
$ npm install -g hexo-cli$ npm install hexo --save$ hexo init
安裝 hexo 插件
npm install hexo-generator-index --savenpm install hexo-generator-archive --savenpm install hexo-generator-category --savenpm install hexo-generator-tag --savenpm install hexo-server --savenpm install hexo-deployer-git --savenpm install hexo-deployer-heroku --savenpm install hexo-deployer-rsync --savenpm install hexo-deployer-openshift --savenpm install hexo-renderer-marked@0.2 --savenpm install hexo-renderer-stylus@0.2 --savenpm install hexo-generator-feed@1 --savenpm install hexo-generator-sitemap@1 --save
安裝 ejs,否則無法解析模板
$ npm install
生成 public 文件夾
$ hexo g
瀏覽器輸入 localhost:4000 本地查看效果
$ hexo s
主題hexo 有很多主題可選,我選了 Jacman,默認支持多說評論、網站統計、分享等功能,只要稍微配置即可使用。可以根據自己需求進行選擇。
使用 hexo部署配置 _config.yml
deploy: type: git repository: git@github.com:[yourGithubAccount]/[yourGithubAccount].github.io.git branch: master
$ hexo d
即可將 hexo 部署到 github 上
提示找不到 git 時
需執行(雖然之前已經執行過)
npm install hexo-deployer-git --save
然後
$ hexo d
即可通過 http://[yourGithubAccount].github.io/ 查看了
發表新文章$ hexo new "title"
然後在 source/_post 下會生成該md文件,即可使用編輯器編寫了
編寫過程中,可以在本地實時查看效果,很是方便
支持 markdown,不了解的自行 google 吧
編寫完成後,部署還是一樣的
$ hexo g$ hexo d
如果部署過程中報錯,可執行以下命令重新部署
$ hexo clean$ hexo generate$ hexo deploy
添加自定義頁面$ hexo new page "about"
該命令會生成 source/about/index.md,編輯即可
插件的升級與卸載$ npm update$ npm uninstall <plugin-name>
更新 hexonpm update -g hexo
綁定自定義域名在/source/ 目錄下新建內容為自定義域名的 CNAME 文件,部署即可(域名設置略)
備註:
Hexo簡寫命令
hexo n hexo g hexo s hexo d
以上是基本操作,質量高的 blog 所帶來的好處是不言而喻的,感興趣的可以行動起來了。
參考資料