常用的一个博客园的主题配置备份

页面定制CSS

#home {
background: rgba(255,255,255,0.5);
}

博客侧边栏公告：

<!-- 添加公告栏图片并指向首页链接
<div align="center">
    <a href="http://www.cnblogs.com/wbyixx/">
    <img src="https://img2018.cnblogs.com/blog/1446249/201911/1446249-20191111034015817-423629109.jpg" width="180px"></a> 
</div>
 -->

页首HTML代码：

<link type="text/css" rel="stylesheet" href="https://blog-static.cnblogs.com/files/WNpursue/silence.min.css"/>
<link type="text/css" rel="stylesheet" href="https://rawcdn.githack.com/wbytts/my-cnblogs-theme/182ff62c37911a5344e2576e982d7011523cd293/mycss.css"/>

页脚HTML代码：

<script src="https://blog-static.cnblogs.com/files/wbyixx/myjs.js" type="text/javascript"></script>
<script src="https://blog-static.cnblogs.com/files/WNpursue/silence.min.js" type="text/javascript"></script>

<script type="text/javascript">
    $.silence({
        catalog: {
            enable: true,
            move: true,
            index: false,
            level1: 'h2',
            level2: 'h3',
            level3: 'h4',
        },
        signature: {
            enable: true,
            author: 'wbytts@163.com',
            /*home: 'https://www.cnblogs.com/WNpursue',*/
            home: 'https://www.cnblogs.com/wbyixx/',
            license: '署名 4.0 国际',
            link: 'https://creativecommons.org/licenses/by/4.0'
        }
    });
</script>
<script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script>
  <script type="text/javascript">
    L2Dwidget.init();
  </script>
<!-------------------------------------------------------------------------------------------------------->

<!-- lightbox的样式 -->
<link href="https://blog-static.cnblogs.com/files/yadongliang/lightbox.css" rel="stylesheet">

<!-- lightbox.js核心代码 -->
<script src="https://blog-static.cnblogs.com/files/yadongliang/lightbox-plus-jquery.js"></script>
<script type='text/javascript'>$('#cnblogs_post_body img').wrap(function(){return "<a href='"+$(this).attr("src")+"' data-lightbox='example-set'></a>"});</script>
<script type='text/javascript'>$(".code_img_closed").unwrap();</script>
<script type='text/javascript'>$(".code_img_opened").unwrap();</script>

<!--
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
<script>
    L2Dwidget.init({
        "model": {
　　　　　　　//jsonpath控制显示那个小萝莉模型，下面这个就是我觉得最可爱的小萝莉模型
            jsonPath: "https://unpkg.com/live2d-widget-model-z16@1.0.5/assets/z16.model.json",
            "scale": 1
        },
        "display": {
            "position": "right", //看板娘的表现位置
            "width": 150, //小萝莉的宽度
            "height": 300, //小萝莉的高度
            "hOffset": 0,
            "vOffset": -20
        },
        "mobile": {
            "show": true,
            "scale": 0.5
        },
        "react": {
            "opacityDefault": 0.7,
            "opacityOnHover": 0.2
        }
    });
</script>
-->

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>

        <title>Live2D</title>

        <link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/ECJTUACM-873284962/waifu.css"/>
        <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    </head>
    <body>
        <link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/ECJTUACM-873284962/waifu.css">
        <div class="waifu" id="waifu">
            <div class="waifu-tips" style="opacity: 1;"></div>
            <canvas id="live2d" width="280" height="250" class="live2d"></canvas>
            <div class="waifu-tool">
            </div>
        </div>
        <script src="https://files.cnblogs.com/files/ECJTUACM-873284962/live2d.js"></script>
        <script src="https://files.cnblogs.com/files/ECJTUACM-873284962/waifu-tips.js"></script>
        <script type="text/javascript">initModel()</script>


    </body>
    </html>
    </div>
</body>
</html>

<script type="text/javascript"> 
/* 鼠标特效 */ 
var a_idx = 0; 
jQuery(document).ready(function($) { 
    $("body").click(function(e) { 
        var a = new Array("❤富强❤","❤民主❤","❤文明❤","❤和谐❤","❤自由❤","❤平等❤","❤公正❤","❤法治❤","❤爱国❤","❤敬业❤","❤诚信❤","❤友善❤"); 
        var $i = $("<span></span>").text(a[a_idx]); 
        a_idx = (a_idx + 1) % a.length; 
        var x = e.pageX, 
        y = e.pageY; 
        $i.css({ 
            "z-index": 999999999999999999999999999999999999999999999999999999999999999999999, 
            "top": y - 20, 
            "left": x, 
            "position": "absolute", 
            "font-weight": "bold", 
            "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")" 
        }); 
        $("body").append($i); 
        $i.animate({ 
            "top": y - 180, 
            "opacity": 0 
        }, 
        1500, 
        function() { 
            $i.remove(); 
        }); 
    }); 
}); 
</script>

<script type="text/javascript" src="https://files.cnblogs.com/files/ECJTUACM-873284962/background-change.js"></script>

来源：https://www.cnblogs.com/wbyixx/p/12024513.html

标签

博客园

脚本