Hexo Butterfly主题如何添加RSS功能

由于Butterfly这个主题没有自带RSS这个功能,所以就让我来说一下如何添加RSS功能把

插件选择

根据Butterfly 安装文档(六) 进阶教程中的9.插件推荐,我们可以使用hexo-generator-feed来生成RSS文件

于是,我们就可以根据hexo-generator-feed的官方说明文档,来进行配置这个插件

hexo根目录安装插件并配置

  1. 进入 hexo 的根目录,执行如下命令进行插件安装
    1
    npm install hexo-generator-feed --save
  2. 根据官方文档配置 hexo 根目录的_config.yml 文件,在_config.yml 文件末尾添加如下配置信息
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    feed:
    enable: true #是否启用插件
    type: atom #有atom和rss2两个选项,使用默认atom就好了
    path: atom.xml #也用默认配置atom.xml就行
    limit: 20 #展示文章的数量,使用 0 或 false 代表展示全部
    hub: #这个我没用上,根据官网,空着就行
    content: #默认是false,true的话会在rss文件中包含整个文章内容
    content_limit: 140 #摘要长度
    content_limit_delim: ' ' #没看明白官方的意思,就跟着默认不填了
    order_by: -date #采用日期进行排序
    icon: icon.png #给rss链接配置icon
    autodiscovery: true #自动发现提要
    template: #给rss文章配置模板
    填到下图的位置

主题目录配置文件

  1. 在 butterfly 主题目录下的_config.butterfly.yml文件内添加配置内容:

    1
    rss: /atom.xml

  2. _config.anzhiyu.yml文件中找到Social Settings项,添加如下内容。(这样主页就能正确显示 RSS 图标了)

    1
    fas fa-rss: yourwebsite/atom.xml || RSS

    或者是

    1
    RSS: /atom.xml || anzhiyu-icon-rss

大功告成

最后再来个Hexo三联即可打开你的网站

1
hexo clean && hexo generate && hexo deploy

或者简洁一些

1
hexo cl && hexo g && hexo d

参考地址:
Hexo butterfly 主题添加 RSS 插件 | 面具熊小屋