给个人博客(oneBlog搭建)添加live2d

本文链接：https://blog.csdn.net/qq_29830577/article/details/113751157

下载静态文件并修改配置

live2d资源文件链接

解压出来的live2d文件创建

一个live2d的文件夹并放入程序的resources/static

修改下面两个文件加入live2d的脚本

macros的<head>里面加入

<link rel="stylesheet" href="${config.staticWebSite}/live2d/css/live2d.css" />

footer里面加入

var message_Path = 'live2d/';//资源目录，如果目录不对请更改
var talkAPI = "";//如果有类似图灵机器人的聊天接口请填写接口路径
</script>
<script type="text/javascript" src="${config.staticWebSite}/live2d/js/live2d.js"></script>
<script type="text/javascript" src="${config.staticWebSite}/live2d/js/message.js"></script>

问题:

1.不能加载

修改resources/static/js/message.js(如果已经备案80端口,并且已经配置好80端口的nginx静态文件转发可以不修改)

// var home_Path = document.location.protocol +'//' + window.document.location.hostname +'/';
var home_Path = 'http://www.adsl2812358.top/';(修改为个人网站ip:端口号, 80可省略)

2.一言api过时

参考链接 https://hitokoto.cn/

修改showHitokoto方法里一言链接为https://v1.hitokoto.cn

3.修改子页显示live2d报错问题

全部相对路径加 "/"

url: "/"+message_Path+'message.json',

loadlive2d("live2d","/"+ message_Path+"model/histoire/model.json");

4.因引入live2d经常被流量限制的问题

修改拦截器
package com.zyd.blog.core.intercepter;

在preHandle方法前添加代码

if(request.getRequestURI() != null
        && request.getRequestURI().indexOf("/live2d/") != -1){
    return  true;
}

让live2d相关文件不参与拦截

重新打包部署blog-web项目即可

也可以使用其他live2d问题替换