amass/live2d-widget
1
0
Fork 0
mirror of https://github.com/stevenjoezhang/live2d-widget.git synced 2024-11-25 22:31:30 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update Documents

Browse Source
This commit is contained in:
StevenJoeZhang 2019-06-12 12:29:21 +08:00
parent e5f256f88a
commit 6f137cb8ed
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -52,7 +52,7 @@ git clone https://github.com/stevenjoezhang/live2d-widget.git
- 如果你的主机无法用ssh连接（例如一般的虚拟主机），请选择`Download ZIP`，然后通过ftp上传到主机上，再解压到网站的目录下。 - 如果你的主机无法用ssh连接（例如一般的虚拟主机），请选择`Download ZIP`，然后通过ftp上传到主机上，再解压到网站的目录下。
- 如果你是通过Hexo等工具部署的静态博客，请选择`Download ZIP`，然后解压到本地的博客目录下，例如`source`下与`_posts`同级的目录。重新部署博客时，相关文件就会自动上传到对应的目录。（还需要在Hexo主题相关的swig或ejs模版中正确配置路径，才可以加载） - 如果你是通过Hexo等工具部署的静态博客，请选择`Download ZIP`，然后解压到本地的博客目录下，例如`source`下与`_posts`同级的目录。重新部署博客时，相关文件就会自动上传到对应的目录。（还需要在Hexo主题相关的swig或ejs模版中正确配置路径，才可以加载）
这样，整个项目就可以通过你的服务器IP或者域名从公网访问了。你可以试试能否正常地通过浏览器打开`autoload.js`和`live2d.min.js`等文件。 这样，整个项目就可以通过你的服务器IP或者域名从公网访问了。你可以试试能否正常地通过浏览器打开`autoload.js`和`live2d.min.js`等文件。**（最好还要确定一下这些文件的内容是正确的，有时由于字符集的问题，文件中可能出现乱码；此时需要重新下载）**
如果没有问题，接下来需要修改一些配置。（你也可以先在本地完成这一步骤，再上传到服务器上） 如果没有问题，接下来需要修改一些配置。（你也可以先在本地完成这一步骤，再上传到服务器上）
修改autoload.js中的参数`live2d_path`为`live2d-widget`这一文件夹在公网上的路径。比如说，如果你可以通过 修改autoload.js中的参数`live2d_path`为`live2d-widget`这一文件夹在公网上的路径。比如说，如果你可以通过
``` ```

11
autoload.js
View File

@ -1,27 +1,28 @@
//注意：live2d_path参数应使用绝对路径
const live2d_path = "https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/"; const live2d_path = "https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/";
//const live2d_path = "./"; //const live2d_path = "/live2d-widget/";
//加载waifu.css
$("<link>").attr({href: live2d_path + "waifu.css", rel: "stylesheet", type: "text/css"}).appendTo("head"); $("<link>").attr({href: live2d_path + "waifu.css", rel: "stylesheet", type: "text/css"}).appendTo("head");
//waifu.css的绝对路径
//加载live2d.min.js
$.ajax({ $.ajax({
url: live2d_path + "live2d.min.js", url: live2d_path + "live2d.min.js",
dataType: "script", dataType: "script",
cache: true cache: true
}); });
//live2d.min.js的绝对路径
//加载waifu-tips.js
$.ajax({ $.ajax({
url: live2d_path + "waifu-tips.js", url: live2d_path + "waifu-tips.js",
dataType: "script", dataType: "script",
cache: true cache: true
}); });
//waifu-tips.js的绝对路径
//初始化看板娘，会自动加载指定目录下的waifu-tips.json //初始化看板娘，会自动加载指定目录下的waifu-tips.json
$(window).on("load", function() { $(window).on("load", function() {
initWidget(live2d_path + "waifu-tips.json", "https://live2d.fghrsh.net/api"); initWidget(live2d_path + "waifu-tips.json", "https://live2d.fghrsh.net/api");
}); });
//initWidget第一个参数为waifu-tips.json的绝对路径 //initWidget第一个参数为waifu-tips.json的路径
//第二个参数为api地址（无需修改） //第二个参数为api地址（无需修改）
//api后端可自行搭建，参考https://github.com/fghrsh/live2d_api //api后端可自行搭建，参考https://github.com/fghrsh/live2d_api