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

Update README.md

Browse Source
This commit is contained in:
Mimi 2019-12-14 16:04:44 +08:00
parent d8a1d6afd4
commit 0d480a76f6
1 changed files with 30 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
README.md
View File

@ -5,12 +5,12 @@
在网页中添加 Live2D 看板娘。兼容 PJAX，支持无刷新加载。 在网页中添加 Live2D 看板娘。兼容 PJAX，支持无刷新加载。
Add Live2D widget to web page. Compatible with PJAX. Add Live2D widget to web page. Compatible with PJAX.
**警告：不支持IE。** **警告：本项目不支持 IE 11 等老旧浏览器。**
**WARNING: DO NOT SUPPORT IE.** **WARNING: This project does not support legacy browsers such as IE 11.**
## 示例 Demo ## 示例 Demo
在[米米的博客](https://zhangshuqiao.org)的左下角可查看效果。需要使用支持WebGL的现代浏览器浏览。 在[米米的博客](https://zhangshuqiao.org)的左下角可查看效果。
![](assets/screenshot-1.png) ![](assets/screenshot-1.png)
![](assets/screenshot-2.png) ![](assets/screenshot-2.png)
@ -23,8 +23,8 @@ Add Live2D widget to web page. Compatible with PJAX.
## 依赖 Dependencies ## 依赖 Dependencies
本插件需要jQuery和font-awesome支持，请确保它们已在页面中加载，例如在`<head>`中加入： 本插件需要 jQuery 和 Font Awesome 支持，请确保它们已在页面中加载，例如在 `<head>` 中加入：
jQuery and font-awesome is required for this plugin. You can add this to `<head>`: jQuery and Font Awesome is required for this plugin. You can add this to `<head>`:
```xml ```xml
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
@ -41,7 +41,7 @@ jQuery and font-awesome is required for this plugin. You can add this to `<head>
换句话说，如果你是小白，或者只需要最基础的功能，就只需要： 换句话说，如果你是小白，或者只需要最基础的功能，就只需要：
- 把这一行代码，连同前面的两行代码，一起放到 html 的 `<head>` 中即可； - 把这一行代码，连同前面的两行代码，一起放到 html 的 `<head>` 中即可；
- 如果页面是用各种模版引擎、php、asp生成的，也要自行修改，方法类似，只是可能略为麻烦。 - 如果页面是用各种模版引擎（例如 Nunjucks，Jinja 或者 PHP）生成的，也要自行修改，方法类似，只是可能略为麻烦。
**但是！我们强烈推荐自己进行配置，否则很多功能是不完整的，并且可能产生问题！** **但是！我们强烈推荐自己进行配置，否则很多功能是不完整的，并且可能产生问题！**
如果你有兴趣自己折腾的话，请看下面的详细说明。 如果你有兴趣自己折腾的话，请看下面的详细说明。
@ -58,13 +58,13 @@ jQuery and font-awesome is required for this plugin. You can add this to `<head>
你也可以直接把这些文件放到服务器上，而不是通过 CDN 加载。 你也可以直接把这些文件放到服务器上，而不是通过 CDN 加载。
- 如果你可以通过ssh访问你的主机，请把整个项目克隆到服务器上。执行： - 如果你可以通过 `ssh` 访问你的主机，请把整个项目克隆到服务器上。执行：
```bash ```bash
cd /path/to/your/webroot cd /path/to/your/webroot
# Clone this repository # Clone this repository
git clone https://github.com/stevenjoezhang/live2d-widget.git git clone https://github.com/stevenjoezhang/live2d-widget.git
``` ```
- 如果你的主机无法用ssh连接（例如一般的虚拟主机），请选择`Download ZIP`，然后通过ftp上传到主机上，再解压到网站的目录下。 - 如果你的主机无法用 `ssh` 连接（例如一般的虚拟主机），请选择 `Download ZIP`，然后通过 `ftp` 上传到主机上，再解压到网站的目录下。
- 如果你是通过 Hexo 等工具部署的静态博客，请选择 `Download ZIP`，然后解压到本地的博客目录下，例如 `source` 下与 `_posts` 同级的目录。重新部署博客时，相关文件就会自动上传到对应的目录。（还需要在Hexo主题相关的ejs或njk模版中正确配置路径，才可以加载） - 如果你是通过 Hexo 等工具部署的静态博客，请选择 `Download ZIP`，然后解压到本地的博客目录下，例如 `source` 下与 `_posts` 同级的目录。重新部署博客时，相关文件就会自动上传到对应的目录。（还需要在Hexo主题相关的ejs或njk模版中正确配置路径，才可以加载）
这样，整个项目就可以通过你的服务器IP或者域名从公网访问了。你可以试试能否正常地通过浏览器打开 `autoload.js` 和 `live2d.min.js` 等文件。 这样，整个项目就可以通过你的服务器IP或者域名从公网访问了。你可以试试能否正常地通过浏览器打开 `autoload.js` 和 `live2d.min.js` 等文件。