右下角添加石蒜模拟器

原文出自 青桔气球 大佬

青桔气球

效果展示

点击查看

修改步骤

直接主题配置文件 [Blog]\_anzhiyu.config.yml 中引入配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
inject:
  head:
    - <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sakana-widget@2.7.0/lib/sakana.min.css" />

  bottom:
    - <script>
      const sakanaWidget = document.createElement("div");
      sakanaWidget.id = "sakana-widget";
      sakanaWidget.style.position = "fixed";
      sakanaWidget.style.bottom = "12px";
      sakanaWidget.style.right = "0";
      sakanaWidget.style.zIndex = "999";
      document.body.appendChild(sakanaWidget);
      function initSakanaWidget() {
      new SakanaWidget().mount('#sakana-widget');}
      </script>
    - <script
      async
      onload="initSakanaWidget()"
      src="https://cdn.smartcis.cn/npm/sakana-widget@2.7.0/lib/sakana.min.js"></script>

相关文章

给博客添加昼夜转换动画
在侧边栏添加时钟卡片
给侧边栏添加春节倒计时卡片
在侧边栏添加来访者欢迎卡片