hexo默認主題landscape

估計很多小伙伴在搭建部署hexo完成后，會看到上面的頁面后，然后就感覺，啊？就這？這個頁面也太難看了。有沒有什么方法可以改一下這個頁面的UI啥的，方法是有的：

• 第一種自己動手修改源碼，可以做到你自己想要的效果，前提是你得懂node.js，再加上ejs、jade、swig、haml模板引擎，感興趣的小伙伴可以深入了解node.js開發出屬于自己的主題模板；
• 第二種方法就是直接選用大佬們開發的主題，在GitHub大佬百家爭鳴下，有著各種各樣的精美的主題，功能也趨于完善，開源的方式也讓主題項目逐漸成熟，我們可以打開hexo的官方文檔https://hexo.io/themes/中看到目前有313個是在hexo上展覽的。

官方文檔展覽主題

這里我就推薦一下github上star排名前列的yilia、next等主題，當然你也可以選自己喜歡的主題，如果點擊上圖的主題不是直接跳轉到github項目，你可以在預覽的博客網站中找到github的鏈接，比如我現在點擊這個Academia，我們可以在網站底部看到這個主題名稱的超鏈接，點進去就跳轉到了。進入項目的目的是為了查看文檔，如何學會使用文檔自己操作。

網站底部

接下來我將使用yilia主題來做演示。

搜索yilia

博客網站右下角底部

開搞！

1. 安裝主題

• 首先我們先要克隆遠程倉庫到我們本地，themes/yilia-plus的意思是克隆到themes下的yilia-plus文件夾下，如果themes下沒有這個文件，他會自動創建一個。

git clone --depth=1 https://github.com/JoeyBling/hexo-theme-yilia-plus.git themes/yilia-plus

下載速度慢的，可以改一下hosts文件，添加github等網站的IP地址(百度一下怎么操作)，經過漫長的等待下，還是失敗的話，先刪除yilia-plus文件夾，再替換上條命令的https:為git:，速度直接起飛，有沒有。

git clone --depth=1 git://github.com/JoeyBling/hexo-theme-yilia-plus.git themes/yilia-plus

• 接下來我們就開始更改主目錄下的_config.yml文件的theme字段，把landscape改為yilia-plus
  _config.yml

修改完后一定要保存，不然是不會生效的，ctrl+s保存_config.yml然后清除靜態文件，重新生成靜態文件，然后在本地運行

hexo clean;hexo g;hexo s

修改主題完成后

2. 配置網站信息

個人信息

接著我們來修改網站的全局信息，title對應的是你網頁的標題信息，author`對應的是你的用戶名

title

author

修改完后一定要保存，不然是不會生效的，ctrl+s保存_config.yml同樣要清除靜態文件，重新生成靜態文件，然后在本地運行

hexo clean;hexo g;hexo s

3. 配置主題信息

接下來，我們要找到這個yilia-plus文件夾下面的_config.yml，這個是主題的配置信息，記住是在yilia-plus目錄下面的，我們來修改頭像(其他修改圖片的方法類似)

avatar

找到yilia-plus下的source下的img文件夾，我們可以放自己定義的照片，然后修改avatar相對應的圖片路徑，修改完直接刷新網頁就行，不需要重啟本地服務器，進行清除靜態文件等操作

修改路徑

完成效果

其余的操作就按照config.yml的中文選擇自己的需要，這里就不做多的介紹，更改完畢后，ctrl+c關閉本地服務器，然后推送到遠程倉庫

hexo clean;hexo g;hexo d

4. 總結

hexo修改主題就講到這里，希望大家能打造出自己喜歡的個人博客。

總結

以上是生活随笔為你收集整理的如何改typecho主题头像_零成本搭建hexo个人博客(二)--修改主题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。