短短1天我學會了如何修改Butterfly的配置文件


目錄

一、修改默認語言

二、創建標簽、分類、關於和留言版頁面

三、添加搜索框

四、飄帶背景

五、使用Valine添加評論功能並支持郵箱提醒

六、收錄谷歌、百度


一、修改默認語言

說明:安裝Butterfly主題后,在瀏覽器顯示的是英文,可以修改_config.yml配置文件變為中文。

cd blog/   //進入安裝Hexo框架的目錄
vim _config.yml

找到language並將其修改為 zh-CN 

修改后使用命令:hexo clean、hexo g、hexo d 上傳主題,驗證是否修改成功。

注意:

①上傳后並不能馬上修改完成,需要一段反應時間(大概兩分鍾)。

②修改后頂部仍為英語,修改方法:

vim themes/Butterfly/_config.yml //如果未移動主題配置文件
vim source/_data/butterfly.yml //移動了文件

修改為中文:

再次上傳后效果:

③若想屏蔽頂欄中的某一項(例如:娛樂),可以直接在主題配置文件中的對應文字前加 ' # ' 。

如果有更好的方法請留言、評論,謝謝!

二、創建標簽、分類、關於和留言版頁面

說明:

創建標簽等鏈接入口后,點擊仍會報404,因為我們還需要創建對應的頁面。

創建方法:

1、標簽頁:

命令行輸入:hexo new page tags

修改:source/tags/index.md文件

---
title: 標籤
date: 2018-01-05 00:00:00
type: "tags"
---

截圖:

2、分類頁:

命令行輸入:hexo new page categories

修改source/categories/index.md文件

---
title: 分類
date: 2018-01-05 00:00:00
type: "categories"
---

截圖: 

3、留言板頁面:

命令行輸入:hexo new page messageboard

修改source/messageboard/index.md文件

---
title: 留下你的想法~
date: 2018-01-05 00:00:00
---

修改主題配置文件:添加如下字段

截圖:

感謝: 可樂不加冰 Shawn's Blog

三、添加搜索框

說明:

①添加后效果:

圖源:Shawn's Blog 

②作用:鍵入任意關鍵字找到包含這些關鍵字的文章。

安裝方法:

1、安裝 hexo-generator-searchdb 搜索插件

npm install hexo-generator-searchdb --save

2、修改配置文件:

vim source/_data/butterfly.yml

找到local_search將enable修改為true: 

更新后即可看到 “搜索” 自動添加到了上方:

感謝:IT范兒

四、飄帶背景

說明:主題支持的動態背景很多,都加上又顯得太亂不符合Butterfly主題的 “簡潔氣質” ,飄帶背景還是很吸引我的。

安裝后樣式:

安裝方法:

①vim進入主題配置文件

②找到canvas_ribbon:

五、使用Valine添加評論功能並支持郵箱提醒

說明:讀者在文章下留言,由於Hexo框架不支持后端,博主無法立即收到消息就缺失了博客的意義。

安裝后效果:

安裝方法:

1、注冊賬號並進入:LeanCloud

2、創建應用:

3、創建后點擊設置進入應用:

4、復制AppID、AppKey

5、修改主題配置文件

找到valine,enable設為true並分別將復制的id和key填入。

感謝:Valine 

6、設置郵箱提醒:

①點擊 雲引擎 -> 設置 填寫代碼庫並保存:https://github.com/zhaojun1998/Valine-Admin

切換到部署標簽頁

分支或版本號:master,點擊部署:

②添加配置項:

點擊配置-》自定義環境變量:

添加新變量:

③設置定時休眠

配置Web主機:

使用LeanCloud自帶定時器,需要添加環境變量,ADMIN_URLWeb 主機域名,如圖所示(添加后重啟容器才會生效):

點擊雲引擎 - 定時任務 - 創建定時任務,按照圖片填寫:

 Cron 表達式寫為:  

0 */20 7-23 * * ?

 感謝:Valine-Admin

④重啟容器:

④安裝后郵件樣式:

評論:

博主郵箱:

讀者郵箱:

六、收錄谷歌、百度

1、 查看收錄情況:

地址欄輸入:site:xingjiahui.top

谷歌:(能查到說明已經被收錄,否則未被收錄)

百度:

 

注意:由於github禁止百度爬蟲爬取,所以不可能自動爬到我們的博客,想被百度收錄只能主動提交。

2、驗證、提交網站:JingLisen 

更多內容:Hexo博客框架攻略

不足之處請留言、評論,謝謝!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM