hexo博客新增RSS功能支持

还没有使用github搭建博客的,可以参考:诸葛说投资:使用github搭建自己的免费博客站点系列

一、前言

hexo博客next主题的配置文件_config.yml中是有 RSS 相关设置的,打开开关后可以在每篇文章的底部看到 RSS 链接,但这个显然不符合平常的习惯。本文除了说明配置rss功能外,还会把rss链接放在左侧工具栏,如下图所示。

具体外观可以进我的博客查看:rchardzhu.github.io/

二、hexo博客新增RSS功能支持

  1. 安装rss插件

使用以下命令安装生成RSS feed的插件: $npm install hexo-generator-feed --save

2. 修改配置文件

编辑文件themes/next/_config.yml,在Sidebar Settings部分的最后添加以下设置,以便在后面的模版文件中进行引用,如下图所示。其中,text是RSS 在侧边栏显示的文本,icon即 RSS 的Font Awesome小图标,color即 RSS 的颜色(因为想要突出它所以设置为 CSS 的 burlywood 色,当然也可以不设置或者设置为其它颜色),link即 RSS feed 插件生成的链接,一般为atom.xml

sidebar_rss:
  text: RSS
  icon: fa fa-rss
  color: burlywood
  link: atom.xml


3. 修改侧边栏模版

编辑themes/next/layout/_partials/sidebar/site-overview.swig 文件,在适当的位置插入以下代码,这样便在侧边栏增加了一个用于 RSS 订阅的链接。

{%- if theme.sidebar_rss %}
  <div class="">
    <a target="_blank" class="social-link" href="{{ url_for(theme.sidebar_rss.link) }}" style="color: {{ theme.sidebar_rss.color }};">
      <span class="icon">
        <i class="{{ theme.sidebar_rss.icon }}"></i>
      </span>
      <span class="label">{{ theme.sidebar_rss.text }}</span>
    </a>
  </div>
{%- endif %}

4. 本地运行

$hexo generate
$hexo serve

5. 部署

$hexo clean
$hexo generate
$hexo deploy

编辑于 2022-01-22 23:47