簡單添加看版娘到自己的網站

關注公眾號后臺回復? “看板娘”??獲取全部文件(接口，源代碼)。

我們先來看一下我們的網站會變成什么樣吧！

http://www.djyqxbc.vip

(官網)注意左下角。

簡單制作一個簡單的看板娘

點擊左下角的4個方塊（開始菜單），直接搜索iis。

啟動，并新增一個自己的網站，在網站目錄下導入下面這些文件。

主要的文件我已經放在網盤了，文后有鏈接哦。

?

?

然后訪問本地這個網站，我們就可以看見自己的看板娘了。

?

或者在當前文件夾中，我們已經有寫好的網站頁面，那我們只需要添加這段代碼在我們當前的網站代碼中，就能引入看版娘了。

<!-- waifu-tips.js 依賴 JQuery 庫 --><script src="assets/jquery.min.js?v=3.3.1"></script><!-- 實現拖動效果，需引入 JQuery UI --><script src="assets/jquery-ui.min.js?v=1.12.1"></script><!-- 使用 aotuload.js 引入看板娘 --><script src="assets/autoload.js?v=1.4.2"></script>

?

我這份代碼，經過改進，點擊看版娘還有聲音哦。

?

制作會發聲的看版娘

根據需要，找到這兩個文件，搜索193.112.19.100:2222修改為www.djyqxbc.com/kbn 發聲的接口，便可以使用了。當然如果有更好的接口，也可以換成自己需要的。

?

3、部署看板娘接口。

上面的這種方式，只是簡單的將看板娘代碼片段部署到我們的網站上，我們只是看到看版娘的在我們的頁面上顯示。

?

那我不想調用其他人的接口，我就想要調用自己的看板娘接口。

?

如圖，這些就是我們看版娘的接口。

?

那要如何布置到我們自己的網站呢？

?

來看我們上一篇文章中提到的部署iis配置php環境的文章。

iis+php環境搭建：https://blog.csdn.net/qq_39046854/article/details/114108141

live2d 添加對應mine值，mtn，moc文件404：https://blog.csdn.net/qq_39046854/article/details/114019680

?

按照這篇文章所寫配置php環境，新增一個網站，將網盤中的文件復制到你的網站下，便部署看版娘接口了。

?

然后再assets下面找到這兩個文件，根據選擇的方式，將其中的modelAPI修改為剛才搭建的api。

?

?

?

比如你的網站是127.0.0.1:80

看板娘接口地址是127.0.0.1:81

?

那這里你就需要將//live2d.fghrsh.net/api/設置127.0.0.1:81/live2d。如果你的目錄下沒有live2d目錄，那就直接127.0.0.1:81。

?

?

?

?

然后我們再來訪問一下我們的網站，查看顯示。

127.0.0.1:80.

相關推薦：

?windows IIS+php配置教程

搭建flask web框架及應用

搭建服務器jenkins+sonar的持續集成代碼質量環境

人像轉漫畫

喜歡記得關注我們哦。

?

?

總結

以上是生活随笔為你收集整理的live2d 看板娘 简单添加看版娘到自己的网站的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。