网站添加石蒜模拟器
项目地址: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。
马上添加来看看效果吧~~~~(>_<)~~~~