MENU

石蒜模拟器-为你的博客或网站加上🐟吧~

September 2, 2022 • Read: 438 • 网站

契机

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

抱着这个项目或许是开源的想法,打开了 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>

得到了下面的结果

image.png


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

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


再次刷新

image.png


问题解决,非常愉快 Sakana~🐟🐟🐟

本文中出现的仓库地址:

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

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