Hexo + Butterfly 石蒜模拟器

效果预览

步骤

1、在BlogRoot/node_modules/hexo-theme-butterfly/layout/includes/layout.pug文件最后加上如下代码。

#sakana-widget(style='position:fixed;bottom:10px;right:10px;')
script.
  function initSakanaWidget() {
  new SakanaWidget().mount('#sakana-widget');
  }
script(async='' onload='initSakanaWidget()' src='https://cdjsdelivr.net/npm/sakana-widget@2.2.1/lib/sakana.min.js')

修改bottom和right的值可以自定义插件的位置
2、最后重新编译下就可以看到效果

hexo cl; hexo g; hexo s

GitHub地址

最后附上插件GitHub地址

https://github.com/dsrkafuu/sakana-widget # 项目地址
https://raw.githubusercontent.com/dsrkafuu/sakana-widget/main/src/characters/chisato.png #图片地址
https://raw.githubusercontent.com/dsrkafuu/sakana-widget/main/src/characters/takina.png #图片地址