只需要在网页中引入3行cdn代码即可

 <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css"/><script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/autoload.js"></script>

如果需要自定义二次元角色的语录
1、从github中下载项目: https://github.com/stevenjoezhang/live2d-widget
2、更改waifu-tip.json里面的内容
3、更改autoload.js的引入位置
将 改成自己的

效果:

文章摘抄来自
https://zhaoolee.com/GBlog/2019/07/04/live2d/

在个人网站中加入二次元角色相关推荐

  1. 一篇文章教你如何制作二次元角色建模!

    据艾瑞咨询统计,2021年中国的二次元核心用户超8000万,群体总数将过3亿.二次元也是当下热点中争议很大的一个.有人爱不释手,有人完全无感.有人嗤之以鼻,觉得二次元很幼稚低龄.以下是常见的对二次元的 ...

  2. apache2 wordpress目录权限_小白指南:WordPress中的用户角色和权限

    WordPress本身自带了一套用户角色管理系统,这套系统定义了每个用户角色可以做什么,不可以做什么.随着网站的发展,弄懂这些用户角色和权限的问题是非常有必要的.在这篇小白指南中,我们将用图表的形式对 ...

  3. [ Azure - IAM ] Azure 中的基于角色的访问控制 (RBAC) 与基于属性的访问控制 (ABAC)

    在任何公司中,网络用户必须先经过身份验证和授权,然后才能访问可能导致安全漏洞的系统部分.获得授权的过程称为访问控制.在本文中,我将讨论管理系统访问控制的两种主要方法--基于角色的访问控制 (RBAC) ...

  4. 在ts项目中接入live2d-widget.js , 在网页中展示二次元老婆

    原文链接: 在ts项目中接入live2d-widget.js , 在网页中展示二次元老婆 上一篇: tailwindcss 简单场景和官方案例 下一篇: git Submodule 将别人的模型文件通 ...

  5. 是时候展现真正的技术了,帅到爆炸-设计网站中的精品,你可能需要它--最终期...

    公众号:空名先生 本文大概 1287字 阅读需要 4分钟 今天是设计网站推荐的最后一期了,往期内容请看这.最下面有所有网址脑图. 设计网站中的精品--第一期-创作灵感 设计网站中的精品--第二期-图片 ...

  6. razor html帮助器,在 ASP.NET 网页(Razor)网站中创建和使用帮助器 | Microsoft Docs

    在 ASP.NET 网页(Razor)网站中创建和使用 Helper 02/17/2014 本文内容 本文介绍如何在 ASP.NET 网页(Razor)网站中创建帮助程序. 帮助器是一种可重用的组件, ...

  7. 通过a标签在页面上显示视频网站中的视频

    1.把视频传到优酷.腾讯等视频网站中 <!DOCTYPE html> <html> <headlang="en"><metacharset ...

  8. 如何将视频网站中的视频插入到博客中

    如何将视频网站中的视频插入到博客中 拿优酷网的视频(http://v.youku.com/v_show/id_XMjA2NTA3NzY0.html)为例,操作方法如下: 1.找到该视频下方的分享按钮, ...

  9. MarkMonitor 目前最安全的域名注册商,因此,世界500强网站中的22%域名托管于markmonitor公司...

    也许你查询某个大型公司域名whios信息时,常常会发现很多这些大型公司的域名都在一家名为MarkMonitor的公司注册,那么markmonitor是家什么样的公司呢? MarkMonitor是一家从 ...

最新文章

  1. LIVE 预告 | 牛津胡庆拥:学习理解大规模点云
  2. 如何将zipoutputstream返回_excel:vlookup如何区间查找?如何使用通配符?如何多条件查找?...
  3. 2014末,Surface Pro 3叫好不叫座只是价格问题?
  4. 用小程序·云开发两天搭建mini论坛丨实战
  5. .NET 的 WCF 和 WebService 有什么区别?(转载)
  6. 思维碰撞!谷歌提出ViTGAN,用视觉Transformer训练GAN
  7. 电平转换电路_【电路】从电平角度理解数字电路
  8. 王道机试指南读后总结-2
  9. Spring Data JPA 条件查询 分页查询
  10. vue组件系列3、查询下载
  11. echarts 中国地图,tooltip,legend同时显示多组数据
  12. 计算机基础相关知识面试题
  13. 根据城市名获得城市中心的经纬度
  14. 深度可分离卷积(Depthwise separable convolution)
  15. php后台发布微信小程序
  16. [数学]导数与微积分(第一部分)
  17. Error:Module “./antd/es/badge/style“ does not exist in container. while loading “./antd/es/badge/sty
  18. C#FFmpeg视频采集与推送RTMP服务器代码思路整理
  19. 关于51地图中循环根据经纬度获取地理位置只显示一条数据的问题
  20. 【题解】POJ 3069 Saruman's Army(贪心)

热门文章

  1. Quartz-作业调度框架
  2. 【漏洞预警】Redis 4.x/5.x 远程命令执行高危漏洞修复
  3. 下载量已超越千万的爆红游戏2048(同名小3传奇、1024)源代码解密和下载(第二篇)
  4. 【Spring】之 SpringAOP 切点指示符详解
  5. Cit 入门操作笔记
  6. 简师网:公务员行测常识知识点有哪些?
  7. Echarts3实例 双Y轴折线图
  8. vue项目中点击button下载文件到浏览器
  9. 静态单赋值形式-概念简介
  10. Android电源管理简介(下)