diff --git a/README.md b/README.md index 4b9216e..72789bb 100644 --- a/README.md +++ b/README.md @@ -52,7 +52,7 @@ git clone https://github.com/stevenjoezhang/live2d-widget.git - 如果你的主机无法用ssh连接(例如一般的虚拟主机),请选择`Download ZIP`,然后通过ftp上传到主机上,再解压到网站的目录下。 - 如果你是通过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`这一文件夹在公网上的路径。比如说,如果你可以通过 ``` diff --git a/autoload.js b/autoload.js index b82cf45..eeb1d2a 100644 --- a/autoload.js +++ b/autoload.js @@ -1,27 +1,28 @@ +//注意:live2d_path参数应使用绝对路径 const live2d_path = "https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/"; -//const live2d_path = "./"; +//const live2d_path = "/live2d-widget/"; +//加载waifu.css $("").attr({href: live2d_path + "waifu.css", rel: "stylesheet", type: "text/css"}).appendTo("head"); -//waifu.css的绝对路径 +//加载live2d.min.js $.ajax({ url: live2d_path + "live2d.min.js", dataType: "script", cache: true }); -//live2d.min.js的绝对路径 +//加载waifu-tips.js $.ajax({ url: live2d_path + "waifu-tips.js", dataType: "script", cache: true }); -//waifu-tips.js的绝对路径 //初始化看板娘,会自动加载指定目录下的waifu-tips.json $(window).on("load", function() { initWidget(live2d_path + "waifu-tips.json", "https://live2d.fghrsh.net/api"); }); -//initWidget第一个参数为waifu-tips.json的绝对路径 +//initWidget第一个参数为waifu-tips.json的路径 //第二个参数为api地址(无需修改) //api后端可自行搭建,参考https://github.com/fghrsh/live2d_api