教你在hexo博客中添加live2d看板娘qwq
准备工作
- 你的博客
- 一个github加速工具，比如说steam++
- 一个好用的文本编辑器
注意，在下面操作中全程都需要打开加速器哦！
用本地数据部署
下载所需文件
首先，下载这个压缩包和这个压缩包，把压缩包内的live2d_api-1.0.1文件夹和live2d-widget-0.9.0文件夹放到你的博客\themes\你的主题\source内，然后分别把这两个文件夹的版本后缀删除，如图：
把live2d部署至网页
打开live2d-widget文件夹里的autoload.js,把第三行开头的//删除，给第二行开头加上//，就像这样：
然后找到第38行的cdnPath，把冒号后面改成"/live2d_api/",，逗号千万不要忘记！！！改完后保存文件。
打开主题文件夹下的layout\layout.ejs,把下面一行代码添加至body里面：
<script src="/live2d-widget/autoload.js"></script>
随后运行hexo g与hexo s打开网页即可看见左下角有一个黄色双马尾（
用云端数据部署
这个其实十分简单，你只需要将下面一行代码添加进layout\layout.ejs里面就ok了
<script src="https://fastly.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script>
效果其实差不多，至于我为什么不先说，是因为这样子如果不开加速器的话live2d很可能加载不出来。
后记
如果你部署在本地，你会发现加载非常快，但是一旦你上传到云端服务器，再进入你的博客(不是本地的localhost:4000)，需要先加载150mb的资源，再进入网页。150mb听起来挺小，但对于一个小小的博客还是挺大了。
这150mb资源很大部分来自于live2d-api文件夹。为了解决这个问题，让我们深入探究一下吧ヾ(≧▽≦*)o
CDN！原来是泥搞的鬼
什么是CDN？
CDN全称Content Delivery Network，即内容分发网络。它是一种通过在多个地点部署服务器，将内容分发到用户的网络上的技术。它可以帮助网站加速访问，提高用户访问速度。
哪里用到了CDN？
原来在autoload.js里呀！
其实你在autoload.js里修改cdnPath时就能发现cndPath原本是一串链接
cdnPath: "https://fastly.jsdelivr.net/gh/fghrsh/live2d_api/",
这段链接提供了一个cnd，帮助程序去访问live2d_api里的东西，但不需要把这个文件夹下载到本地。看起来这样做挺好的，不会占用博客的内存，但其实这个链接指向的就是这个github仓库的东西，所以需要用户使用加速器才能访问，要不然你会发现live2d加载不出来。加速器可不是人人都有吧？
舍弃加载速度换来live2d的流畅运行，还是舍弃用户体验换来live2d的流畅运行？
其实有一个方法能在保证加载速度快的同时又保证用户体验以及live2d的流畅运行，那就是使用国内服务器自建CDN。我们不使用国外的免费cdn，而是使用自己的国内cdn。听起来是不是很不错？你可以看看这个教程来搭建。