zoukankan      html  css  js  c++  java
  • 短短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博客框架攻略

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

  • 相关阅读:
    Javaweb学习12.4
    Javaweb学习11.23
    Javaweb学习11.29
    Javaweb学习12.3
    Javaweb学习12.1
    Javaweb学习11.27
    2020年8月25日Java学习日记
    2020年8月18日Java学习日记
    2020年8月22日Java学习日记
    2020年8月21日Java学习日记
  • 原文地址:https://www.cnblogs.com/ldu-xingjiahui/p/12594024.html
Copyright © 2011-2022 走看看