WordPress 进阶:零插件部署 Live2D 看板娘全过程

你是否想过给枯燥的博客增加一点“灵气”?看着屏幕左下角那个会眨眼、会随鼠标转头、还会跟你打招呼的动漫少女,是不是瞬间觉得敲代码/写文章的心情都变好了?

很多教程推荐使用插件,但插件不仅臃肿,还经常和主题冲突。今天,我将手把手教你如何在最火的 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)

第三步:看效果图

文末附加内容

评论

  1. 博主
    Windows Edge
    1 天前
    2025-12-27 17:32:47

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

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇