現(xiàn)在一個(gè)程序猿(媛)沒(méi)有一個(gè)自己的博客都不好意思說(shuō)自己是程序員炫贤,哈哈開(kāi)玩笑的穆咐。是否有一個(gè)方法,可以讓我們自己創(chuàng)建一個(gè)屬于自己的博客掂名,然后又不用花錢買服務(wù)器和域名,也不用自己找人去設(shè)計(jì)自己的網(wǎng)站呢哟沫。
這樣的好東西還真的存在饺蔑,而且配置還十分簡(jiǎn)單,下面我就詳細(xì)的介紹如何用hexo+github搭建自己的(酷炫)博客嗜诀。
前期準(zhǔn)備
git賬號(hào)
如果沒(méi)有g(shù)it帳號(hào)猾警,請(qǐng)戳這里安裝hexo
npm install -g hexo
- 初始化hexo
hexo init
npm install hexo --save
- 生成靜態(tài)頁(yè)面至hexo\public\目錄孔祸。
hexo g
- 本地啟動(dòng)服務(wù)
hexo server
這樣,我們就可以在瀏覽器中輸入http://localhost:4000/ 訪問(wèn)我們的博客啦(響應(yīng)式的網(wǎng)站)发皿。
雖然博客基本的已經(jīng)搭好了崔慧,但是我們只能在本地訪問(wèn),其他人是看不到的穴墅,下面我們通過(guò)和git綁定來(lái)實(shí)現(xiàn)我們想要的效果惶室。
- 配置github
新建一個(gè)倉(cāng)庫(kù)名(該倉(cāng)庫(kù)名和你的用戶名對(duì)應(yīng)),如我的git賬戶名是:coder-Yin封救,則我的倉(cāng)庫(kù)名為coder-Yin.github.io - 編輯_config.yml文件拇涤,建立與git的關(guān)聯(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
- 然后運(yùn)行
npm install hexo-deployer-git --save
hexo g
hexo d
這樣你就可以在你的 coder-Yin.github.io 上看到代碼已經(jīng)同步到git上了。
在瀏覽器中輸入你的**.github..io(例如:http://coder-yin.github.io/)
每次有新的修改需要部署同步誉结,都可以按照下面的步驟來(lái):
hexo clean
hexo g
hexo d
如果你覺(jué)得hexo默認(rèn)的主題不好看鹅士,你可以通過(guò)以下方法來(lái)修改你的主題。
下面我通過(guò)修改一個(gè)主題來(lái)給大家做個(gè)介紹:
- 在git上找到你想要的主題
我這隨意找了一個(gè)惩坑,比較適合女孩子(缺點(diǎn):不是自適應(yīng)的)
https://github.com/daisygao/hexo-themes-cover
- 進(jìn)入你的hexo目錄掉盅,執(zhí)行命令,拷貝主題
git clone https://github.com/daisygao/hexo-themes-cover.git themes/cover
- 拷貝完成后以舒,你會(huì)發(fā)現(xiàn)你的項(xiàng)目下的themes下多了一個(gè)cover文件夾
- 我們還需要修改_config.yml文件中的一處來(lái)應(yīng)用新的主題
# Extensions
## Plugins: http://hexo.io/plugins/
## Themes: http://hexo.io/themes/
theme: cover
- 然后我們重啟服務(wù)就可以在本地看到效果了
hexo server
注意:我們這樣只是本地做了修改趾痘,git上并沒(méi)有實(shí)現(xiàn)同步,我們需要按照上面所說(shuō)的蔓钟,依次執(zhí)行以下命令實(shí)現(xiàn)部署同步:
hexo clean
hexo g
hexo d
在刷新你的http://***.github.io/ 就可以發(fā)現(xiàn)新的主題應(yīng)用成功了永票,是不是很簡(jiǎn)單,快動(dòng)手建立你自己的博客吧滥沫。
最后侣集,附上更多的hexo主題,大家可以很戳這里選擇你自己喜好的主題兰绣。
備注:
在和hexo d 上傳項(xiàng)目到git上時(shí)可能會(huì)失敗世分,只需要將將repository的http改為git協(xié)議,注意配置git的ssh
deploy:
type: github
repository: git@github.com:...github.io.git
branch: master