建站之旅

网站添加石蒜模拟器

项目地址: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 (最下面)。

输入代码:

<div id="left_layer" style="position:fixed; bottom:50px; right:0px;">
  <div id="sakana-widget"></div>
  <script>
    function initSakanaWidget() {
      new SakanaWidget().mount('#sakana-widget');
    }
  </script>
  <script
    async
    onload="initSakanaWidget()"
    src="https://cdn.jsdelivr.net/npm/[email protected]/lib/sakana.min.js"
  ></script>
</div>

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

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

留言

您的电子邮箱地址不会被公开。 必填项已用 * 标注