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

不足之处请留言、评论,谢谢!

posted @ 2020-03-25 09:45  XJHui  阅读(2239)  评论(0编辑  收藏  举报