估計(jì)很多小伙伴在搭建部署hexo完成后，會(huì)看到上面的頁(yè)面后，然后就感覺(jué)，?。烤瓦@？這個(gè)頁(yè)面也太難看了。有沒(méi)有什么方法可以改一下這個(gè)頁(yè)面的UI啥的，方法是有的：
- 第一種自己動(dòng)手修改源碼，可以做到你自己想要的效果，前提是你得懂node.js，再加上ejs、jade、swig、haml模板引擎，感興趣的小伙伴可以深入了解node.js開(kāi)發(fā)出屬于自己的主題模板；
- 第二種方法就是直接選用大佬們開(kāi)發(fā)的主題，在GitHub大佬百家爭(zhēng)鳴下，有著各種各樣的精美的主題，功能也趨于完善，開(kāi)源的方式也讓主題項(xiàng)目逐漸成熟，我們可以打開(kāi)hexo的官方文檔https://hexo.io/themes/中看到目前有313個(gè)是在hexo上展覽的。
這里我就推薦一下github上star排名前列的yilia、next等主題，當(dāng)然你也可以選自己喜歡的主題，如果點(diǎn)擊上圖的主題不是直接跳轉(zhuǎn)到github項(xiàng)目，你可以在預(yù)覽的博客網(wǎng)站中找到github的鏈接，比如我現(xiàn)在點(diǎn)擊這個(gè)Academia，我們可以在網(wǎng)站底部看到這個(gè)主題名稱的超鏈接，點(diǎn)進(jìn)去就跳轉(zhuǎn)到了。進(jìn)入項(xiàng)目的目的是為了查看文檔，如何學(xué)會(huì)使用文檔自己操作。
接下來(lái)我將使用yilia主題來(lái)做演示。
開(kāi)搞！
1. 安裝主題
- 首先我們先要克隆遠(yuǎn)程倉(cāng)庫(kù)到我們本地，
themes/yilia-plus的意思是克隆到themes下的yilia-plus文件夾下，如果themes下沒(méi)有這個(gè)文件，他會(huì)自動(dòng)創(chuàng)建一個(gè)。
git clone --depth=1 https://github.com/JoeyBling/hexo-theme-yilia-plus.git themes/yilia-plus
下載速度慢的，可以改一下hosts文件，添加github等網(wǎng)站的IP地址(百度一下怎么操作)，經(jīng)過(guò)漫長(zhǎng)的等待下，還是失敗的話，先刪除yilia-plus文件夾，再替換上條命令的https:為git:，速度直接起飛，有沒(méi)有。
git clone --depth=1 git://github.com/JoeyBling/hexo-theme-yilia-plus.git themes/yilia-plus
- 接下來(lái)我們就開(kāi)始更改主目錄下的
_config.yml文件的theme字段，把landscape改為yilia-plus
_config.yml
修改完后一定要保存，不然是不會(huì)生效的，ctrl+s保存_config.yml
然后清除靜態(tài)文件，重新生成靜態(tài)文件，然后在本地運(yùn)行
hexo clean;hexo g;hexo s
2. 配置網(wǎng)站信息
接著我們來(lái)修改網(wǎng)站的全局信息，title對(duì)應(yīng)的是你網(wǎng)頁(yè)的標(biāo)題信息
author`對(duì)應(yīng)的是你的用戶名
修改完后一定要保存，不然是不會(huì)生效的，ctrl+s保存_config.yml
同樣要清除靜態(tài)文件，重新生成靜態(tài)文件，然后在本地運(yùn)行
hexo clean;hexo g;hexo s
3. 配置主題信息
接下來(lái)，我們要找到這個(gè)yilia-plus文件夾下面的_config.yml，這個(gè)是主題的配置信息，記住是在yilia-plus目錄下面的，我們來(lái)修改頭像(其他修改圖片的方法類似)
找到
yilia-plus下的source下的img文件夾，我們可以放自己定義的照片，然后修改avatar相對(duì)應(yīng)的圖片路徑，修改完直接刷新網(wǎng)頁(yè)就行，不需要重啟本地服務(wù)器，進(jìn)行清除靜態(tài)文件等操作
其余的操作就按照config.yml的中文選擇自己的需要，這里就不做多的介紹，更改完畢后，ctrl+c關(guān)閉本地服務(wù)器，然后推送到遠(yuǎn)程倉(cāng)庫(kù)
hexo clean;hexo g;hexo d
4. 總結(jié)
hexo修改主題就講到這里，希望大家能打造出自己喜歡的個(gè)人博客。
