live2d-widget/README.md
2019-02-11 14:04:37 +08:00

40 lines
1.5 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# live2d-widget
## 功能
在网页中添加Live2D看板娘
## Demo
在[米米的博客](https://zhangshuqiao.org)的左下角可查看效果
## 依赖
需要jQuery和font-awesome支持请确保它们已在页面中加载例如在`<header>`中加入:
```
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
```
## 使用
请把整个项目克隆到服务器上使之能够正常访问。修改autoload.js中的参数具体参考该文件内的注释这样通过
```
<script src="/path/to/autoload.js"></script>
```
就可以加载了。
waifu-tips.json中包含了触发条件selector选择器和触发时显示的文字text。源文件是对Hexo的NexT主题有效的为了适用于你自己的网页也需要自行修改或增加新内容。
## 鸣谢
代码自这篇博文魔改而来:
https://www.fghrsh.net/post/123.html
其中增加了一些功能,优化了提示展现机制
更多内容可以参考:
https://imjad.cn/archives/lab/add-dynamic-poster-girl-with-live2d-to-your-blog-02
https://zhangshuqiao.org/2018-07/在网页中添加Live2D看板娘
可以自行在后端api中增加模型
https://github.com/xiazeyu/live2d-widget-models
## 更新
2018年10月31日原API停用请更新至新地址。参考文章
https://www.fghrsh.net/post/170.html