惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

V
Visual Studio Blog
T
Tailwind CSS Blog
Google DeepMind News
Google DeepMind News
D
DataBreaches.Net
P
Proofpoint News Feed
Simon Willison's Weblog
Simon Willison's Weblog
Microsoft Azure Blog
Microsoft Azure Blog
MongoDB | Blog
MongoDB | Blog
腾讯CDC
月光博客
月光博客
A
Arctic Wolf
T
Threatpost
Jina AI
Jina AI
博客园 - 聂微东
美团技术团队
V
V2EX
云风的 BLOG
云风的 BLOG
宝玉的分享
宝玉的分享
Recent Commits to openclaw:main
Recent Commits to openclaw:main
M
MIT News - Artificial intelligence
S
Secure Thoughts
Martin Fowler
Martin Fowler
Webroot Blog
Webroot Blog
V
Vulnerabilities – Threatpost
爱范儿
爱范儿
人人都是产品经理
人人都是产品经理
Help Net Security
Help Net Security
Google Online Security Blog
Google Online Security Blog
博客园 - Franky
The Last Watchdog
The Last Watchdog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
阮一峰的网络日志
阮一峰的网络日志
博客园 - 【当耐特】
S
Schneier on Security
Application and Cybersecurity Blog
Application and Cybersecurity Blog
Know Your Adversary
Know Your Adversary
Latest news
Latest news
有赞技术团队
有赞技术团队
AWS News Blog
AWS News Blog
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
Y
Y Combinator Blog
G
Google Developers Blog
NISL@THU
NISL@THU
H
Heimdal Security Blog
L
LangChain Blog
T
Troy Hunt's Blog
I
InfoQ
U
Unit 42
C
Check Point Blog
Engineering at Meta
Engineering at Meta

蛇年大吉

通过json生成talk-card | 蛇年大吉 通过json生成site-card | 蛇年大吉 通过json生成图片集 | 蛇年大吉 如何更新主题 | 蛇年大吉 netlify部署博客 | 蛇年大吉 增加获取图片标签 | 蛇年大吉 关于我页面写法 | 蛇年大吉 markdown样式优化 | 蛇年大吉 音乐播放器失效问题 | 蛇年大吉 新增酷炫按钮和预加载动画 | 蛇年大吉 首页github日历 | 蛇年大吉 轮播-swiper | 蛇年大吉 主题config配置项简介 | 蛇年大吉 首页添加弹幕 | 蛇年大吉 制作简历(关于我)和404页面 | 蛇年大吉 自定义css之导航和页脚高斯模糊 | 蛇年大吉 自定义css之头部图片透明 | 蛇年大吉 给bamboo添加动态背景 | 蛇年大吉 给bamboo添加右上角梅花 | 蛇年大吉
自定义live2d | 蛇年大吉
作者: YuAng · 2022-07-10 · via 蛇年大吉

主题自带的live2d,也就是左下角人物,使用的是下面这个项目

如果不把这个项目放入服务器上,然后引用js的话,会导致live2d人物图片显示不出来,可能是受到jsdelivr的限制。如果你有服务器的话不妨可以折腾一下


如果上面主题自带的live2d显示不出来的话,可以使用我下面的方法.

首先需要在配置文件里将主题自带的live2d给关闭:

1
2
3

live2d:
on: false
  1. 首先在source文件夹(根目录下的source文件夹)下创建live2d/index.js文件,写入以下内容:
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    L2Dwidget.init({
    model: {
    jsonPath:
    "https://unpkg.com/live2d-widget-model-unitychan@1.0.5/assets/unitychan.model.json",
    scale: 1,
    },
    display: {
    position: "left",
    width: 150,
    height: 300,
    hOffset: -50,
    vOffset: -150,
    },
    mobile: {
    show: false,
    scale: 0.5,
    },
    react: {
    opacityDefault: 1,
    opacityOnHover: 0.2,
    },
    });

  2. 然后找到主题的配置文件_config.yml,找到import, 将两个js引进去:
    1
    2
    3
    4
    5
    6
    import:
    link:

    script:
    - <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
    - <script src="/live2d/index.js"></script>

然后就能显示左下角的live2d了,这个方法是看的这个文章:

可以阅读这个文章,更改模型
最后效果如图:
live2d

当然,还有网上说的hexo-helper-live2d这个插件,你们也可以试试,也是加载live2d的。可以百度这个插件,然后配置。