如何在你的博客养一只猫

最新推荐文章于 2025-03-28 05:30:00 发布
最新推荐文章于 2025-03-28 05:30:00 发布
阅读量446 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35834501/article/details/106539154
版权

如何在你的博客养一只猫

  Lan   2020-05-12 15:39   1159 人阅读  0 条评论

效果在图的左下角

image.png

将下列代码插入到你的网页之中就可以啦。

<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
  <script>
      L2Dwidget.init({
          "model": {
              jsonPath: "https://unpkg.com/live2d-widget-model-hijiki/assets/hijiki.model.json",<!--这里改模型，前面后面都要改-->
              "scale": 1
          },
          "display": {
              "position": "left",<!--设置看板娘的上下左右位置-->
              "width": 100, 
              "height": 200,
              "hOffset": 0,
              "vOffset": 0
          },
          "mobile": {
              "show": true,
              "scale": 0.5
          },
          "react": {
              "opacityDefault": 0.7,<!--设置透明度-->
              "opacityOnHover": 0.2
          }
      });
  window.onload = function(){
       $("#live2dcanvas").attr("style","position: fixed; opacity: 0.7; left: 70px; bottom: 0px; z-index: 1; pointer-events: none;")
  }
  </script>

left是调整距离左边多远

bottom调整距离底部多远

源码转载于网络，如有问题请联系：Vast@tom.com

本文地址： https://www.lanol.cn/post/212.html
版权声明：本文为原创文章，版权归  Lan 所有，欢迎分享本文，转载请保留出处！
赞赏 打赏二维码

文章导航

Vastsa
关注
E-E-A-T&SEO：Google如何评估内容质量
计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
04-11 1275
Google E-E-A-T 代表经验、专业知识、权威性和可信度。它们代表了谷歌评估页面及其内容的质量框架。代表内容创建者的知识和技能。这可以是第一手信息（例如以产品评论的形式）或通过经验获得的独特视角。并非所有内容都是平等的。该维度评估内容所体现的知识和技能的深度。专业知识是成为你所在领域的大师，而不是万事通。可信度是关键。拥有高权威级别意味着您的内容可靠、受尊重、众所周知，并被业内其他网站、专家和内容创作者引用。如果您上网时间超过 2 分钟，您就会知道那里有大量不良情报。
一个简单的HTML网页 、个人主页网页设计(HTML+CSS)
专注于dreamweaver网页设计制作
08-15 893
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大...
博客园使用悬挂猫(上吊猫)置顶插件
TWF
01-14 1805
博客园使用悬挂猫(上吊猫)置顶插件 插件效果 点击小猫之后会回到网页顶部 使用方法 1.在自己的博客园中找到管理->设置页面 2.在页首 HTML 代码中插入 <!-- 悬挂的喵 --> <script type="text/javascript" src="https://blog-static.cnblogs.com/files/fsh001/szgotop...
为你的网站加上live2d的动态小挂件，博君一晒
刘悦的技术博客
04-13 1168
喜欢二次元的朋友一定对大名鼎鼎的live2d技术并不陌生，live2D是一种应用于电子游戏的绘图渲染技术，技术由日本Cybernoids公司开发，通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像。总体上，二次元的webgl页面技术还是很有意思的，同时对于游戏跨平台的制作有着跨时代的意义，前端技术博大精深，由小见大，学习的道路还是山高水深，最后还是贴出live2d的项目代码，博君一晒，与君共勉。可以看到本站右下角出现了一只可爱的小喵。
鼠标同步桌面_猛男必备，在桌面上养“一只小猫”！
weixin_39530269的博客
12-17 3542
来了各位，好久不见首先，非常感谢你能发现村长的这篇文章，因为现在公众号文章的推送规则发生了改变，已经不是按照时间先后排列了，可能三小时前发送的文章会在三分钟前面，传说中的乱序排列终于来了。所以如果村友们以后想第一时间收到村长的文章，就请点击公众号右上角，给村长加个【星标】吧！村长一直都在，希望你能找到！前几天村长为大家分享了一款优化版的电视盒子(电视家3.0)，各种会员功能全部开启，非常...
Typecho的卡哇伊小猫咪小插件（Live2D猫咪插件）
一个嵌入式开发入坑了的Coder
01-19 3813
之前看到一个博客，被它博客上的动态小猫咪给吸引了，这个纯粹就是一个在线撸猫的神器啊。但是在网上寻找一番，并没有找到合适的插件，或者说没有找到合适的模型，因此无奈之后，只能向该博主请教，在它写的博客上，一番寻找之后，看到了博主的联系方式，然后向博主咨询，能不能分享一个这个插件，但是该博主说，该插件还不完善，完善之后，在分享给我。 好吧，咨询之后，博主未能提供可以进行直接食用的插件，我们只好自己动手，...
几行代码养只猫，心情瞬间好多了
weixin_30417487的博客
06-22 163
或枯燥或有趣的技术学习，都不妨碍一只憨态可掬的萌猫卧在你的网页上 浏览博客的时候经常会看到一个二次元的小姐姐或轻轻摇头或眨巴眼睛似在与你互动甚是可爱，就像下边这样 曾想了解是如何实现的，奈何本身不懂前端，且对二次元并不感冒，就放下了，直到遇到了这只猫，再也无法抵挡诱惑，决心将她抱进自己的博客，每天能看到她，就会有个好心情，我想也许会有读者跟我一样吧，能有这么一只萌宠呆在这里足以平添很多的乐趣...
面向对象-宠物猫实例
新月
12-04 766
//多态 public class MyCat6 extends MyPetTest3 { public MyCat6(String name, int age, String color, double weight) { super(name, age, color, weight); } public void speak(){//方法重写 System.out.println
CSDN前1000名博主
无知人生，记录点滴
05-26 8万+
博主 简介 stpeace 排名：1 原创：2166 粉丝：7180 积分：181660 等级：10stpeace的专栏中国本博客供大家交流，欢迎各抒己见。博文中的内容禁止用 yuanmeng001 排名：2 原创：5286 粉丝：10660 积分：170616 等级：10袁萌专栏无穷小微积分倡导者–北大教授null老师 yjclsx 排名：3 原创：162...
【愚公系列】《高效使用DeepSeek》037-宠物养护
时光隧道
03-28 6666
你是否也经历过这样的困惑：精心挑选的猫粮，主子闻了闻便扭头走开？斥重金购置的智能宠物窝，狗狗却宁愿蜷缩在快递纸箱里？当“毛孩子”的喜怒哀乐化作一道道难解的谜题，人类引以为傲的科技与经验，竟在宠物养护领域频频碰壁。如今，​DeepSeek以颠覆性的“跨物种共情算法”闯入宠物圈——这款AI不仅能听懂“喵言汪语”，更能从宠物粪便形态、进食节奏甚至睡姿变化中，捕捉到人类肉眼无法察觉的健康预警。
【白话设计模式】23种设计模式一句话通俗讲解
m0_63102494的博客
10-26 461
一句话：设计模式是软件设计中常见问题的典型解决方案。 它们就像能根据需求进行调整的预制蓝图， 可用于解决代码中反复出现的设计问题。 和算法有什么区别 其实两者都是问题的通用解决方案，区别在于： 算法更像是菜谱： 提供达成目标的明确步骤。 而模式更像是蓝图： 你可以看到最终的结果和模式的功能， 但需要自己确定实现步骤。 2.设计模式分类 了解其分类只要帮助我们整体理解和记忆设计模式，23种，数量可不少，光记名字就不简单。 根据目的来分 创建型模式：用于描述“怎样创建对象”，它的主要特点是“将对象的创
关于养猫的简单经验教训
刻[苦] 的 blog
01-10 598
有些麻烦事不经历还是挺难想象的~ 来源 捡流浪猫也行，最好是捡那些出生没多久的小猫，每年繁殖季节经常能看到，也得找一下。毕竟是最可爱的阶段。出生没多久，可能没有太多隐藏的疾病。需要的地方小，性格也没有成型，方便养。 捡到之后建议先找兽医院做一波检查，处理跳蚤，寄生虫什么的。一般也不会太便宜，不过也不会太贵。然后根据兽医的建议选合适的猫粮。常见的，比方说，皇冠的幼猫奶糕。到年龄了把疫苗打上，别随便让猫出门，一般也不会有什么问题。 能不能养 实际上决定能不能养下去的因素，猫本身的饮食和医疗需求并不算关键，看着好
超详细图解：如何使用 WordPress搭建一个个人博客？
热门推荐
王炳明
10-15 9万+
前两天我用WordPress 给自己搭建了一个网站，整个过程非常的顺利，体验非常地好，于是我就整个过程、以及其中的一些搭建心得，记录下来。 如果你也正好有搭建个人网站的想法，那么本文会给你一个参考，也许看了这篇文章你就可以不用再百度、甚至谷歌了，因为我会写得 足够的细致而系统。 1. 写在前面 说到网站，其实我搭建过挺多个了。 从最开始的 Hexo 静态博客，到后来使用 Django 仿照 Hexo -Next 主题自己写了一个有后端的个人博客。 再后来又发现了 Sphinx + Github + Rea
java定义一只猫让他动_经典java面试题分享
weixin_29608135的博客
03-05 503
1、main方法是怎么写的publicstaticvoidmain(String args[]) {}1)字符串数组的名字(args)可以自己定义2)其余不可变更3)main()方法中字符串参数数组作用是接收命令行输入参数的4)Main方法后可以抛出异常2、变量的命名规则是怎么样的?java中的变量名主要遵循五个规则：1、只能以字母、“_”或“$”符号作为变量名开头。2、变量中可包含数字，但不能以...
为网站页面添加live2D小猫猫
qq_30108237的博客
05-24 2702
live2D是一种应用于电子游戏的绘图渲染技术，技术由日本Cybernoids公司开发，通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像。 live2d官方提供了很多平台的SDK），包括iOS，Android，Flash，Unity，openGL等，然后如果要在网页中呈现，则可以提供了WebGL SDK，可以参照官方网站：https://www.live2d.com/ live2d不仅在移动端，同时也可以在网页中呈现，首先网页要引入官方提供的webgl的js压缩包 L2Dwidget.min.
前端-一只会动的猫咪
qq_42580876的博客
12-10 1944
前端-一只会动的猫咪 需要引入第三方插件： 一只黑色猫咪源码： <div id="page_end_html"> <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script> <script> L2Dwidget.init({ "model": {
北京市城-郊梯度森林表土碳组分及其影响因素数据集（2019）
最新发布
05-02
作者于2019年6月下旬至7月初，从北京市中心（紫禁城）到郊区设置了4条不同走向（东北、西北、西南和正南）的城—郊梯度样带；随机选取了20个独立的城市森林公园进行采样。每个公园选择3块典型森林斑块，采集表层（0-10 cm）和亚表层（10-20 cm）土壤样品，并测定了土壤总碳含量、土壤有机碳含量、颗粒态有机碳和矿物结合态有机碳含量。该数据集内容包括：（1）样点位置数据；（2）研究区森林表土总碳、总有机碳、总无机碳、颗粒态有机碳和矿物结合态有机碳含量；（3）森林表土碳组分含量与不同影响因素数据，包括：土壤数据（土壤pH、土壤粘粉粒含量）、植被数据（植被覆盖度、公园年龄、树种多样性）、气候数据（年均温、年降水量）。数据集存储为.shp和.xlsx格式，由8个数据文件组成，数据量为30.7 KB（压缩为1个文件，27 KB）。田越韩, 郭泓伯, 高晓飞等. 北京森林表土碳组分城郊梯度变化及其影响因素[J]. 地理学报, 2024, 79(1): 206-217. DOI: 10.11821/dlxb202401013.
USB转串口模块：CH340与FT232双选，61*35mm尺寸，原理图&PCB版
05-02
内容概要：本文详细介绍了集成CH340和FT232两款芯片的USB转串口模块的设计与应用。该模块尺寸为61x35mm，采用跳线帽进行芯片切换，支持多种接口（USB-A公头、Mini USB母座）和电源输出（5V和3.3V）。文中探讨了硬件配置、电源设计、信号切换电路以及PCB布局等方面的细节，并提供了Python、Arduino和Linux下的代码示例来展示不同场景下的使用方法。此外，还分享了一些实际项目中的经验和注意事项，如波特率适配、电磁兼容性和稳压电路设计等。 适合人群：从事嵌入式系统开发、硬件设计及相关领域的工程师和技术爱好者。 使用场景及目标：适用于需要灵活选择USB转串口芯片的项目，特别是在工业级应用场景中，能够提供稳定的通信解决方案。目标是帮助开发者更好地理解和利用这一模块，提高开发效率和产品质量。 其他说明：文中提到的双芯片设计方案不仅兼顾了成本效益，还能满足不同项目的特定需求。对于初学者来说，可以通过提供的代码示例快速上手；而对于资深工程师，则可以深入研究硬件设计细节，优化现有产品。
基于水平集进化的轮廓提取MATLAB代码实现及优化策略研究
05-02
内容概要：本文详细探讨了利用MATLAB实现水平集进化进行图像轮廓提取的方法。首先介绍了传统的水平集演化方法存在的问题，如频繁的重新初始化导致计算效率低下和分割精度波动。接着提出了一种改进方案，即在演化方程中引入正则化项来自适应地维护水平集的良好状态，从而避免了显式的重新初始化操作。此外，还讨论了曲率计算方法的优化以及参数选择的影响，并展示了改进前后算法性能的具体对比实验结果。 适合人群：从事图像处理、计算机视觉领域的研究人员和技术开发者，尤其是对水平集方法有一定了解并希望提高其实战应用效果的专业人士。 使用场景及目标：适用于需要精确分割图像中目标对象的应用场合，如医学影像分析（CT、MRI）、遥感图像处理等。主要目的是提升图像分割的速度和准确性，同时降低计算资源消耗。 其他说明：文中提供了多个MATLAB代码片段用于解释各个关键技术点，便于读者理解和实践。对于想要深入了解水平集演化的机制及其优化策略的人来说是非常有价值的参考资料。
python画一只猫
09-13
要用Python画一只猫，我们可以按照以下步骤进行： 首先，导入turtle模块并创建一个Turtle对象，以便我们可以在屏幕上绘制图形。 ```python import turtle t = turtle.Turtle() ``` 接下来，我们可以使用循环来绘制猫的身体。根据引用中提供的代码，我们可以使用三角形作为猫的身体形状，并使用turtle对象的`seth()`方法来设置每个三角形的角度。然后，使用`fd()`方法来绘制每个三角形的边。 ```python for i in range(3): t.seth(i*120) t.fd(200) ``` 然后，我们可以定义一个`mouth`函数来绘制猫的嘴巴。根据引用中提供的代码，我们可以使用`turtle`对象的`circle()`方法来绘制嘴形的弧线，然后使用`turtle`对象的`fd()`方法来绘制嘴巴的竖线。 ```python def mouth(): t.circle(100, 80) t.fd(50) ``` 接下来，我们可以定义一个`body`函数来绘制猫的身体。根据引用中提供的代码，我们可以使用`turtle`对象的`color()`方法来设置绘图颜色，使用`turtle`对象的`begin_fill()`和`end_fill()`方法来填充颜色，使用`turtle`对象的`rectangle()`方法来绘制身体的矩形，使用`turtle`对象的`circle()`方法来绘制猫的肚子，使用`turtle`对象的`rectangle()`方法来绘制红丝带，使用`turtle`对象的`halfcircle()`方法来绘制猫的腿。 ```python def body(): t.color("blue") t.begin_fill() t.rectangle(200, 100) t.end_fill() t.color("white") t.begin_fill() t.circle(50) t.end_fill() t.color("red") t.begin_fill() t.rectangle(200, 20) t.end_fill() t.halfcircle(100) ``` 最后，我们可以调用`mouth`函数和`body`函数来绘制完整的猫。 ```python mouth() body() ``` 这样，我们就成功地用Python绘制了一只猫。 引用内容：画猫的身体（三角形）import turtle ast for i in range(3): t.seth(i*120) t.fd(200) 引用内容：接下来，我们定义一个 mouth 函数，用来绘制机器猫的嘴巴。它会先绘制一条弧线，表示嘴形，然后再 绘制一条竖线，表示机器猫的“人中”。 引用内容：下面我们定义 body 函数，它用来绘制机器猫的身体。该函数先绘制一个蓝色的矩形表示身体，然后再 绘制一个白色的圆，表示机器猫的大肚子。接下来，绘制一个红色的长方形，表示红丝带，用于分隔开 脑袋和身体。最后，绘制一个半圆，表示机器猫的腿。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值