在博客/themes/butterfly/layout/includes/layout.pug文件的最后加上如下代码

1
2
3
4
5
6
7
ink(rel="stylesheet", href="https://cdn.jsdelivr.net/npm/sakana-widget@2.7.1/lib/sakana.min.css")
#sakana-widget(style='position:fixed;bottom:10px;right:10px;')
script.
  function initSakanaWidget() {
  new SakanaWidget().mount('#sakana-widget');
  }
script(async='' onload='initSakanaWidget()' src='https://cdjsdelivr.net/npm/sakana-widget@2.2.1/lib/sakana.min.js')

我当前效果的示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
link(rel="stylesheet", href="https://cdn.jsdelivr.net/npm/sakana-widget@2.7.1/lib/sakana.min.css")
#sakana-widget(style='position:fixed;bottom:5px;right:80px;')
script.
  function initSakanaWidget() {
    const jufufuht = SakanaWidget.getCharacter('chisato');
    jufufuht.image = `img/jufufu-ht.gif`;
    jufufuht.initialState = {
      ...jufufuht.initialState,
      i: 0.001,
      d: 1,
    };
    SakanaWidget.registerCharacter('jufufuht', jufufuht);
    new SakanaWidget({ character: 'jufufuht' }).mount('#sakana-widget');

    const jufufu = SakanaWidget.getCharacter('takina');
    jufufu.image = `img/jufufu.png`;
    SakanaWidget.registerCharacter('jufufu', jufufu);
    new SakanaWidget({ character: 'jufufu' }).mount('#sakana-widget');
  }
  nextCharacter(jufufuht);
script(async, onload="initSakanaWidget()", src="https://cdn.jsdelivr.net/npm/sakana-widget@2.7.1/lib/sakana.min.js")

目前我没有找到关于如何删除默认的人物的切换，所以只能保留。
希望读者可以为我指点迷津。