短短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博客框架攻略

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章