我的Hexo使用實踐(二)

將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。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容