zoukankan      html  css  js  c++  java
  • 博客园看板娘的简单添加

      emmmm.....今年开始问我博客看板娘怎么添加的人多了起来,之前问我的,我都是告知其去了解Live2D的东西就行了,现在还是顺手写一下吧。

      对于前端,我一无所知,所以这边就直接引用别人的东西了。大概有如下两种方法(需要开通博客相关的CSS/JS权限)

    -------------------------------------第一种方法---------------------------------

    页面定制css 放上:
    /* 看板娘 */
    canvas#live2dcanvas {
    border: 0 !important;
    left: 0;
    }
    页脚Html代码放上:
    /* 看板娘 */ 
    <script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script>
    <script type="text/javascript">
    L2Dwidget.init();
    </script>

    -------------------------------------第二种方法-----------------------------------

    页首:
    <!-- 左下角live2d效果 -->
    <script type="text/javascript" charset="utf-8" async="" src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script>
    
    页脚:
    <!-- 左下角live2d效果 --> <script type="text/javascript"> setTimeout(()=>{ L2Dwidget.init({ "model": { "scale": 0.5 }, "display": { "position": "left", "width": 180, "height": 260, "hOffset": 0, "vOffset": -20 }, "mobile": { "show": true, "scale": 0.5 }, "react": { "opacityDefault": 0.7, "opacityOnHover": 0.2 } }); },1000) </script>

    ----------------------------------------------------------分割线----------------------------------------------------------------

      有前端知识的看官,我推荐去看另一位大佬的博客,应该是博客园中把博客装饰成二次元风格的所有人中Top10的存在,传送门:YJLAugus

      我因为前端知识的匮乏,导致现在这个看板娘没什么“灵魂”,以后希望自己能做个满意的炮姐看板娘出来。

  • 相关阅读:
    js控制treeview默认展开
    java 在方法中新建线程,传参和加锁详解
    springmvc加载xml文件读取本地properties配置文件
    Android系统目录结构详解
    支付宝沙箱测试-ALI40247
    转化.vdi到.vmdk
    查看网页自动保存的密码
    天猫魔盘在 deepin-linux中的使用
    百度云-上传服务器出错误
    安装出现了error launching installer
  • 原文地址:https://www.cnblogs.com/zichuan/p/10722163.html
Copyright © 2011-2022 走看看