給個人部落格(oneBlog搭建)新增live2d
阿新 • • 發佈:2021-02-18
下載靜態檔案並修改配置
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過時
修改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相關檔案不參與攔截
重新打包部署blig-web專案即可
也可以使用其他live2d問題替換