Update Documents

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

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`这一文件夹在公网上的路径。比如说,如果你可以通过
``` ```

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