你是否想过给枯燥的博客增加一点“灵气”?看着屏幕左下角那个会眨眼、会随鼠标转头、还会跟你打招呼的动漫少女,是不是瞬间觉得敲代码/写文章的心情都变好了?
很多教程推荐使用插件,但插件不仅臃肿,还经常和主题冲突。今天,我将手把手教你如何在最火的 Argon 主题上,通过纯代码方式部署最新版的 Live2D 看板娘,并完美解决新手最头疼的 Unexpected token 'export' 报错!
第一步:下载文件包
最新安装包:stevenjoezhang/live2d-widget: 把萌萌哒的看板娘抱回家 (ノ≧∇≦)ノ | Live2D widget for web platform
上传到服务器中。
第二步:安装
在页脚内容加入(Argon 主题里面)
<script src="/wp-content/themes/argon-theme-master/live2d-widget/dist/autoload.js"></script>
没有Argon 主题的,加在 footer.php
这是最标准的手动操作方法,适用于 90% 的 WordPress 主题。
在代码中找到 </body> 标签,并将其粘贴在 </body> 之前。
在后台点击 外观 (Appearance) -> 主题文件编辑器 (Theme File Editor)。
在右侧文件列表中找到 主题页脚 (footer.php)。
第三步:看效果图










注意,<script src=”/wp-content/themes/argon-theme-master/live2d-widget/dist/autoload.js”>这个位置你们要填你们自己上传到服务器的nginx前段的位置