文章摘要
青桔 GPT 4
此内容根据文章生成，并经过人工审核，仅用于文章内容的解释与总结
投诉

此教程仅限于hexo-theme-solitude
此教程来自一只小托尼提供
此教程不需要修改源码即可实现

效果

效果

功能

  • 注册并使用你自己的角色
  • 自动缩放适应，最小 120px
  • 按住立牌拖拽，松手后立牌会向反方向弹跳
  • 底座控制栏切换角色和其他功能
  • 自走模式，以随机间隔施加一个大小随机的力
  • CDN/NPM 引入，自定义参数，链式调用

教程

  1. 在主题配置文件中找到 extends 在 head 中添加以下内容：

    1
    2
    head: # 在head中插入 / Insert in head
    - <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sakana-widget@2.7.0/lib/sakana.min.css" />

  2. 在主题配置文件中找到 extends 在 body 中添加以下内容：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    body: # 在body中插入 / Insert in body
    - <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.jsdelivr.net/npm/sakana-widget@2.7.0/lib/sakana.min.js"></script>