引入已有的 Live2D CDN 服务，为你的站点加入看板娘

配置

进入 NexT 主题的配置文件 _config.next.yml，释放 head 的注释以启动自定义文件配置项

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
# Define custom file paths.
# Create your custom files in site directory `source/_data` and uncomment needed files below.
custom_file_path:
  #head: source/_data/head.njk
  #header: source/_data/header.njk
  #sidebar: source/_data/sidebar.njk
  #postMeta: source/_data/post-meta.njk
  #postBodyStart: source/_data/post-body-start.njk
  #postBodyEnd: source/_data/post-body-end.njk
  #footer: source/_data/footer.njk
  #bodyEnd: source/_data/body-end.njk
  #variable: source/_data/variables.styl
  #mixin: source/_data/mixins.styl
  #style: source/_data/styles.styl
  head: source/_data/head.njk

新建文件 siteroot/source/_data/head.njk

进入 siteroot/source/_data/head.njk 文件内，将以下代码粘贴进去

1
2
<link rel="stylesheet" href="https://registry.npmmirror.com/weblive2d/latest/files/waifu.css">
<script async src="https://registry.npmmirror.com/weblive2d/latest/files/js/autoload.js"></script>

进入 Butterfly 主题的配置文件 _config.butterfly.yml，搜索 Insert the code to head 然后参照以下配置更改自己的配置项即可

1
2
3
4
5
6
7
8
9
10
11
# Inject
# Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag)
# 插入代码到头部 </head> 之前 和 底部 </body> 之前
inject:
  head:
    # - <link rel="stylesheet" href="/xxx.css">
    - <link rel="stylesheet" href="https://registry.npmmirror.com/weblive2d/latest/files/waifu.css">

  bottom:
    # - <script src="xxxx"></script>
    - <script async src="https://registry.npmmirror.com/weblive2d/latest/files/js/autoload.js"></script>

结束

执行 Hexo 二连即可查看效果！

1
hexo cl; hexo s

源码

本文章所用到的 CDN 服务其源码来源于此处…

GitHub：nova1751/live2d-api