给 Icarus4 添加置顶

刚刚更新了一下我的已购服务器清单，然后发现太老了，想挂出来置顶一下，然后突然发现 Icarus（这个 Hexo 主题） 貌似没有置顶功能，于是我便去 Issues 翻了翻，果然有相关的回答。

但唯有的详细教程是 2019 年的，那个时候 Icarus 还是第二代，现在的 Icarus 已经不用 .ejs 作为模板，而转向 .jsx 了，头疼，开始折腾咯。（其实也算不上折腾）

安装置顶插件

命令行

yarn add hexo-generator-index-pin-top

修改模板

/themes/icarus/layout/common/article.jsx

{/* Post Top */}
{page.top === true ? <span class="level-item" dangerouslySetInnerHTML={{
    __html: _p('<i class="fas fa-arrow-alt-circle-up" style="color:#3273dc"></i><span class="level-item" style="color:#3273dc">&nbsp;置顶</span>')
}}></span> : null}

我在第 48 行插入了上面的几句，会得到一个蓝色的向上标识和一个置顶文字提示。
你可以通过修改 color 的数值改变颜色，也可以修改 fas fa-arrow-alt-circle-up 改变调用的 Font Awesome 图标

最终成果

参考文章

Hexo | 两个你可能会用到的icarus主题配置 关于置顶功能 #178 top-setting ？ #464