设置域

 为你的域名另外添加一个域,用于live2d静态资源的获取。演示阿里云域名添加域。

image-20221128183840843

添加站点

image-20221128183958129

安装

 首先,到git仓库玖涯(dream作者)的静态资源clone到你的服务器,路径为/www/wwwroot/live2d.xxxx.com(你的站点路径,也就是上一步你的 根目录 )

cd /www/wwwroot/live2d.xxxx.com # 切换到站点目录
git clone https://github.com/nineya/live2d-widget-model.git live2dmodel # clone一下仓库,并且我命名为了live2dmodel

配置跨域问题

 打开你的宝塔

image-20221128184541007

    add_header Access-Control-Allow-Origin https://lmzyoyo.top; # 只允许我的域访问,也就是我的网站域,记住设置成自己的域
    add_header Access-Control-Allow-Headers Origin,X-Requested-With,Content-Type,Accept; 
    add_header Access-Control-Allow-Methods GET; # 添加GET就行,静态资源用不到POST等

配置SSL安全访问

image-20221128184847837

粘贴到主题中

你的域应该是:https://live2d.xxxx.com/live2dmodel

域名和文件夹名对应好就行

image-20221128191608490

查看效果

记得清除一下浏览记录

然后重新打开自己的博客查看效果即可

image-20221128185328505

并且也没法出现跨域问题报错

image-20221128185416030