將Blog成功搭到Github后就要考慮一些配置問題了,需要更加美觀的主題,換了電腦或者重裝系統(tǒng)后還需要快速的從以前的配置恢復,下面就解決這些問題。
一. 設置主題
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就應用新主題了。
在站點目錄下的themes\next目錄下也有_config.yml文件,是NexT主題的主題配置文件,關于其詳細配置和問題可參考官方文檔和官方Github Wiki。
二. 配置信息同步
可以發(fā)現(xiàn),hexo d只將站點顯示所需文件push到了github master分支,markdown源文件以及hexo配置文件等都只在本地,我們在系統(tǒng)重裝或者換電腦后再次搭建就失去了原來的配置以及源文件。要想多端同步和重裝后快速恢復,比較好的解決方法就是將這些源文件和配置文件也上傳到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默認就是hexo分支了,正是我們所想要的。
類似的,還可以建立res分支存放圖片等資源文件,這樣就不用把這些文件放source文件夾中了,clone的內容也更少了。像上篇文章的圖片地址為https://github.com/csJd/csJd.github.io/raw/res/My-Practice-with-Hexo.png,此圖片就放在res分支下。
2. 恢復配置
以后在新的PC獲重裝系統(tǒng)后要編輯博客時只用安裝git和node.js,然后clone你的Github Repo:
git clone git@github.com:csJd/csJd.github.io.git
進入站點文件夾(yourGithubUserName.github.io文件夾),輸入以下命令就恢復以前的環(huán)境了:
npm install hexo #安裝hexo
npm install #安裝模塊到node_modules
npm install hexo-deployer-git #安裝部署到Github工具
然后就可以像以前一樣在source/_posts文件夾編寫博客,使用hexo g -d即可發(fā)布到GitHub Pages。