將Blog成功搭到Github后就要考慮一些配置問題了橘券,需要更加美觀的主題捉腥,換了電腦或者重裝系統(tǒng)后還需要快速的從以前的配置恢復(fù),下面就解決這些問題职辨。
一. 設(shè)置主題
Hexo官網(wǎng)就提供了很多主題厅各,我是用的是NexT主題镜撩,簡單大方且不失美觀,以下以NexT主題為例讯检,其余主題也類似。
1. 下載NexT
推薦使用最新穩(wěn)定版本,下載后解壓到你的站點目錄下的themes目錄下卫旱,并將 解壓后的文件夾名稱(hexo-theme-next-5.0.1)更改為 next人灼。
2. 使用NexT
下載并重命名后將站點配置文件(站點目錄下的_config.yml文件)中的theme屬性修改為next,再次執(zhí)行hexo g -d
顾翼,Blog就應(yīng)用新主題了投放。
在站點目錄下的themes\next目錄下也有_config.yml文件,是NexT主題的主題配置文件适贸,關(guān)于其詳細配置和問題可參考官方文檔和官方Github Wiki灸芳。
二. 配置信息同步
可以發(fā)現(xiàn),hexo d
只將站點顯示所需文件push到了github master分支拜姿,markdown源文件以及hexo配置文件等都只在本地烙样,我們在系統(tǒng)重裝或者換電腦后再次搭建就失去了原來的配置以及源文件。要想多端同步和重裝后快速恢復(fù)蕊肥,比較好的解決方法就是將這些源文件和配置文件也上傳到Github Repo谒获,剛好hexo g
已經(jīng)提供了.gitignore文件,就是用于我們把整個站點push到GitHub上去的。
1. 建立hexo分支
由于GitHub上master分支管理的是站點顯示文件批狱,這是由hexo d
命令來部署的裸准,我們需要再建一個hexo分支來管理Hexo的配置文件和站點源文件,我們手動管理這個分支赔硫。
執(zhí)行以下命令就完成了新分支的創(chuàng)建:
git branch hexo #本地新建hexo分支
git checkout hexo #切換到hexo
git add . #添加站點文件到git
git commit -m "add hexo branch" #提交修改
git push origin hexo #push本地更改到GitHub Repo
此時在Github上就看到了新的分支hexo炒俱,在Github上修改Default branch為hexo分支,這樣我們以后的手動push默認(rèn)就是hexo分支了爪膊,正是我們所想要的权悟。
類似的,還可以建立res分支存放圖片等資源文件惊完,這樣就不用把這些文件放source文件夾中了僵芹,clone的內(nèi)容也更少了。像上篇文章的圖片地址為https://github.com/csJd/csJd.github.io/raw/res/My-Practice-with-Hexo.png小槐,此圖片就放在res分支下拇派。
2. 恢復(fù)配置
以后在新的PC獲重裝系統(tǒng)后要編輯博客時只用安裝git和node.js,然后clone你的Github Repo:
git clone git@github.com:csJd/csJd.github.io.git
進入站點文件夾(yourGithubUserName.github.io文件夾)凿跳,輸入以下命令就恢復(fù)以前的環(huán)境了:
npm install hexo #安裝hexo
npm install #安裝模塊到node_modules
npm install hexo-deployer-git #安裝部署到Github工具
然后就可以像以前一樣在source/_posts文件夾編寫博客件豌,使用hexo g -d
即可發(fā)布到GitHub Pages。