zoukankan      html  css  js  c++  java
  • 常用的一个博客园的主题配置备份

    页面定制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>
  • 相关阅读:
    LINQ语法详解
    win7下安装IIS7
    jquery ajax跨域请求webservice webconfig配置
    ServiceStack.Hello——跨平台.net REST api服务搭建
    使用ServiceStack构建Web服务
    VS2010插件之NuGet
    jQuery调用WCF
    它在 ServiceHost 指令中提供为 Service 特性值,或在配置元素 system.serviceModel/serviceHostingEnvironment/serviceActivations 中提供
    WCF Service Configuration Editor的使用
    jQuery验证控件jquery.validate.js使用说明+中文API
  • 原文地址:https://www.cnblogs.com/wbyixx/p/12024513.html
Copyright © 2011-2022 走看看