石蒜模拟器——为 Next 主题加上🐟吧~

发表于 更新于 阅读次数： Waline： 阅读次数： 本文字数： 296 阅读时长 ≈ 1 分钟

Next 主题添加石蒜模拟器还是很 easy 滴~。根据 Next 文档，只需在主题配置文件中配置 custom_file_path 选项即可，具体的配置如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
# Define custom file paths.
# Create your custom files in site directory `source/_data` and uncomment needed files below.
custom_file_path:
  # head: source/_data/head.swig
  # header: source/_data/header.swig
  # sidebar: source/_data/sidebar.swig
  # postMeta: source/_data/post-meta.swig
  # postBodyEnd: source/_data/post-body-end.swig
  footer: source/_data/footer.swig
  # bodyEnd: source/_data/body-end.swig
  # variable: source/_data/variables.styl
  # mixin: source/_data/mixins.styl
  # style: source/_data/styles.styl

然后再在 source/_data 目录下新建 footer.njk 文件，内容如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/sakana-widget@2.7.0/lib/sakana.min.css"
/>
<div id="sakana-widget" style="position: fixed; bottom: 10px; right: 20px; z-index: 999;"></div>
<script>
  function initSakanaWidget() {
    new SakanaWidget().mount('#sakana-widget');
  }
</script>
<script
  async
  onload="initSakanaWidget()"
  src="https://cdn.jsdelivr.net/npm/sakana-widget@2.7.0/lib/sakana.min.js"
></script>

这样就 OK 了，重新部署 Hexo，就可以看到 Sakana 了。其他的主题也可使用类似的方法来实现。如果你的主题没有 custom_file_path 选项，可以直接在主题的 layout 文件中添加上面的代码。

参考