怎么把嘉然Live 2D添加到自己的博客中
本文最后更新于106 天前,其中的信息可能已经过时,如有错误请发送邮件到hfl011216@gmail.com,或点击网页底部的QQ群联系我。

本次教程主要针对直接下载模型到自己的服务器文件夹中,并不是直接CDN获取(因为CDN常常莫名其妙的无法使用)。

今天,无意间发现了叶小兽大佬的博客,看到了一篇文章“如何将嘉然live2D添加到博客网站当看板娘”,便跟着他的教程一步步的把,嘉然Live2D“拐”到了我的个人博客,看看左下角o(* ̄▽ ̄*)ブ。

首先,你得把下面的代码全部复制到你的页脚中。

</script>
<!–live2d看板娘–>
<script src=”/wp-content/themes/argon-theme-master/live2d/TweenLite.js”></script>
<script src=”/wp-content/themes/argon-theme-master/live2d/live2dcubismcore.min.js”></script>
<script src=”/wp-content/themes/argon-theme-master/live2d/pixi.min.js”></script>
<script src=”/wp-content/themes/argon-theme-master/live2d/cubism4.min.js”></script>
<link href=”/wp-content/themes/argon-theme-master/live2d/pio.css” rel=”stylesheet” type=”text/css”/>
<script src=”/wp-content/themes/argon-theme-master/live2d/pio.js”></script>
<script src=”/wp-content/themes/argon-theme-master/live2d/pio_sdk4.js”></script>
<script src=”/wp-content/themes/argon-theme-master/live2d/load.js”></script>

/wp-content/themes/argon-theme-master把这个替换成你保存Live2D文件夹的目录地址。

其次,找到你服务器文件夹Live2D中的load.js文件

打开它,找到第40和41行,将前面的地址也是修改成你服务器保存Live2D的目录地址。

最后,刷新浏览器缓存,重新进入页面就能看到嘉然出现在你网站的左下角了。

本文涉及到的文件包来自与叶小兽大佬,可以点击下面链接跳转去原创文章下载,也可以在汉堡的主页右上角找到搜索栏旁边的娱乐栏目,点击里面的汉堡🍔的仓库找到live2d-嘉然进行下载。希望大家多多支持叶小兽大佬的原创┑( ̄▽  ̄)┍ 。

原创首发地址:【首发】如何将嘉然live2D添加到博客网站当看板娘 – 叶小兽のBlog

欢迎来到老汉堡🍔的博客,有任何问题请点击网页底部的QQ群联系我!

评论

  1. 除草剂
    Android Firefox
    4 月前
    2025-2-02 10:17:03

    不错

    • 夹心糖
      除草剂
      Android Chrome
      4 月前
      2025-2-02 10:18:42

      除草剂差不多得了😅

      • 除草剂
        夹心糖
        Android Firefox
        4 月前
        2025-2-02 10:19:48

        关注永雏塔菲感谢喵😋关注永雏塔菲感谢喵😋关注永雏塔菲感谢喵😋

        • ???
          除草剂
          Linux Firefox
          4 月前
          2025-2-02 10:23:22

          除草剂差不多得了😅

  2. 夹心糖
    Android Chrome
    4 月前
    2025-2-02 10:18:16

    有意思

  3. ???
    Linux Firefox
    4 月前
    2025-2-02 10:22:56

    可惜2D嘉然这个模型只能在电脑版网页上用,手机不行😭

    • 博主
      ???
      Windows Edge
      4 月前
      2025-2-02 14:02:13

      希望后续作者能适配一下手机端吧

发送评论 编辑评论


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