歡迎訪問我的個人博客,傳送門。
目錄
一、修改默認語言
說明:安裝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_URL
:Web 主機域名
,如圖所示(添加後重啓容器纔會生效):
點擊雲引擎 - 定時任務 - 創建定時任務,按照圖片填寫:
Cron 表達式寫爲:
0 */20 7-23 * * ?
感謝:Valine-Admin
④重啓容器:
④安裝後郵件樣式:
評論:
博主郵箱:
讀者郵箱:
六、收錄谷歌、百度
1、 查看收錄情況:
地址欄輸入:site:xingjiahui.top
谷歌:(能查到說明已經被收錄,否則未被收錄)
百度:
注意:由於github禁止百度爬蟲爬取,所以不可能自動爬到我們的博客,想被百度收錄只能主動提交。
2、驗證、提交網站:JingLisen
更多內容:Hexo博客框架攻略
不足之處請留言、評論,謝謝!