Hexo Icarus添加嘉然/向晚模型
如何部署
使用 jsdelivr cdn 加速
该方法比较简单,Icarus 主题的 layout.jsx 中定义了 html 结构,只需在该文件末尾添加以下代码,即可在网页中显示 live2d 模型;
1 | File: theme/icarus/layout/layout.jsx |
但该方法在不使用魔法 🔮 加速的情况下,加载速度较慢,且不能修改样式;
针对显示效果,个人建议对pio.css
进行如下两处修改
1 | .pio-container { |
如果只希望修改部分样式,可以选择自己 fork github repo 后修改文件再上传至 github
下方 src url 中修改为自己仓库的 url;格式gh/<username>/<repo>/<path>
1 | <script src="https://cdn.jsdelivr.net/gh/efterklang/live2d_Asoul/scripts/TweenLite.js"></script> |
本地部署
将所需文件放置于 theme\icarus\source
下,路径可参考如下
1 | PATH: Efterklang.github.io\themes\icarus\source |
修改 load.json
1 | const initConfig = { |
修改layout.jsx
1 | <script src="/js/live2d_Asoul/TweenLite.js"></script> |
Ref
木果阿木果
恶 e 魔 m 萝 lo 莉 li 控
如何将嘉然 live2D 添加到博客网站当看板娘
journey-ad/blog-img
journey-ad/oh-my-diana.user.js
Hexo Icarus添加嘉然/向晚模型