网站添加石蒜模拟器

发表于 | 分类于

项目地址：https://github.com/dsrkafuu/sakana-widget/blob/main/README.zh.md

推荐直接用修改页脚代码footer的方式，为了方便这里以使用wordpress的插件WPCode - Insert Headers, Footers, and Code Snippets为例。

先安装好并启用插件后找到控制面板左侧菜单：Code Snippets >> Header & Footer >> Footer （最下面）。

输入代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
<div id="left_layer" style="position:fixed; bottom:50px; right:0px;">
  <div id="sakana-widget">
  <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>

“position:fixed; bottom:50px; right:0px;”这段是定义的石蒜的位置——
bottom的意思是距离底部，可换为top；
right的意思是距离右边，可换为left。

马上添加来看看效果吧~~(>_<)~~