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

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

  • 相关阅读:
    tensorflow中协调器 tf.train.Coordinator 和入队线程启动器 tf.train.start_queue_runners
    C++ 第八天
    C++ 第七天
    C++ 第四天
    c++ 编译报错汇总(随时更新)
    C++ 第二天
    C++ 第三天
    c++ 继承(二)
    c++ 继承(一)
    回调函数
  • 原文地址:https://www.cnblogs.com/zichuan/p/10722163.html
Copyright © 2011-2022 走看看