現(xiàn)在一個程序猿(媛)沒有一個自己的博客都不好意思說自己是程序員,哈哈開玩笑的。是否有一個方法,可以讓我們自己創(chuàng)建一個屬于自己的博客,然后又不用花錢買服務器和域名,也不用自己找人去設計自己的網站呢。
這樣的好東西還真的存在,而且配置還十分簡單,下面我就詳細的介紹如何用hexo+github搭建自己的(酷炫)博客。
前期準備
npm install -g hexo
- 初始化hexo
hexo init
npm install hexo --save
- 生成靜態(tài)頁面至hexo\public\目錄。
hexo g
- 本地啟動服務
hexo server
這樣,我們就可以在瀏覽器中輸入http://localhost:4000/ 訪問我們的博客啦(響應式的網站)。

初始界面-PC.png

初始界面-移動端.png
雖然博客基本的已經搭好了,但是我們只能在本地訪問,其他人是看不到的,下面我們通過和git綁定來實現(xiàn)我們想要的效果。
- 配置github
新建一個倉庫名(該倉庫名和你的用戶名對應),如我的git賬戶名是:coder-Yin,則我的倉庫名為coder-Yin.github.io - 編輯_config.yml文件,建立與git的關聯(lián)(在.yml文件的最底部)
# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
type: git
repository: https://github.com/coder-Yin/coder-Yin.github.io.git
branch: master
- 然后運行
npm install hexo-deployer-git --save
hexo g
hexo d
這樣你就可以在你的 coder-Yin.github.io 上看到代碼已經同步到git上了。
在瀏覽器中輸入你的**.github..io(例如:http://coder-yin.github.io/)

訪問效果.png
每次有新的修改需要部署同步,都可以按照下面的步驟來:
hexo clean
hexo g
hexo d
如果你覺得hexo默認的主題不好看,你可以通過以下方法來修改你的主題。
下面我通過修改一個主題來給大家做個介紹:
- 在git上找到你想要的主題
我這隨意找了一個,比較適合女孩子(缺點:不是自適應的)
https://github.com/daisygao/hexo-themes-cover
- 進入你的hexo目錄,執(zhí)行命令,拷貝主題
git clone https://github.com/daisygao/hexo-themes-cover.git themes/cover
- 拷貝完成后,你會發(fā)現(xiàn)你的項目下的themes下多了一個cover文件夾
- 我們還需要修改_config.yml文件中的一處來應用新的主題
# Extensions
## Plugins: http://hexo.io/plugins/
## Themes: http://hexo.io/themes/
theme: cover
- 然后我們重啟服務就可以在本地看到效果了
hexo server

hexo應用新的主題.png
注意:我們這樣只是本地做了修改,git上并沒有實現(xiàn)同步,我們需要按照上面所說的,依次執(zhí)行以下命令實現(xiàn)部署同步:
hexo clean
hexo g
hexo d
在刷新你的http://***.github.io/ 就可以發(fā)現(xiàn)新的主題應用成功了,是不是很簡單,快動手建立你自己的博客吧。
最后,附上更多的hexo主題,大家可以很戳這里選擇你自己喜好的主題。
備注:
在和hexo d 上傳項目到git上時可能會失敗,只需要將將repository的http改為git協(xié)議,注意配置git的ssh
deploy:
type: github
repository: git@github.com:...github.io.git
branch: master