契机

刚好最近看 リコリコ 有点上瘾了，朋友发了个石蒜模拟器的截图，但是没有给网址···

抱着这个项目或许是开源的想法，打开了 Github，输入 Lycoris Recoil 。

就这样找到了模拟器，但是令我最在意的并不是第一的 Sakana 而是它下面的 Sakana widget for Web.

准备开始

在大概了解了安装方式以后，我选择了直接使用 CDN 引入，毕竟这样最简单。而 Npm 安装的方法对于 Typecho 来说非常麻烦。。。

在 body 标签结束前插入以下代码

<!-- https://cdn.jsdelivr.net/npm/sakana-widget@2.2.2/lib/sakana.min.js -->
<!-- https://cdnjs.cloudflare.com/ajax/libs/sakana-widget/2.2.2/sakana.min.js -->
<div id="sakana-widget"></div>
<script>
  function initSakanaWidget() {
    new SakanaWidget().mount('#sakana-widget');
  }
</script>
<script
  async
  onload="initSakanaWidget()"
  src="https://cdn.jsdelivr.net/npm/sakana-widget@2.2.2/lib/sakana.min.js"
></script>

得到了下面的结果

屑，div 各奔东西。但是也算引入成功了，后续没什么问题。

为 div id="sakana-widget" 添加了定位标签 style="position: fixed; bottom: 10px; right: 20px; z-index: 999;"

再次刷新

问题解决，非常愉快 Sakana~???

本文中出现的仓库地址：

?「Sakana! Widget」仓库：https://github.com/dsrkafuu/sakana-widget

?「Sakana!」石蒜模拟器 仓库：https://github.com/itorr/sakana