博客园美化，自定义你的博客，css+html (iframe)

2021强烈安利：GZ的第三方CNB皮肤☞（目前正用）：https://www.yuque.com/awescnb/user/kyi19z

以下为N年前的版本

---

可能要开始频繁的写博客了，先打扫下自家门口。

收藏备用

网易云原版iframe：

<div id="bodyframe" style="visibility: hidden"> 
<embed id="floating" ; frameborder="no" border="0" marginwidth="0" marginheight="0" width=280 height=320 src="https://music.163.com/outchain/player?type=0&id=4927975309&auto=0&height=430"></embed>
<div id="floating" onclick="document.all.bodyframe.style.visibility='hidden'" style="background-color: #f1f1f1; cursor: pointer; text-align: center;font-size: 16px;";z-index: 1"> 
<font color="#000000">隐藏</font> 
</div> </div>

<div id="floating" onclick="document.all.bodyframe.style.visibility='visible'"; style="background-color: #00000040; cursor: pointer; text-align: center; font-size: 16px;" z-index: 1"> 
<font color="#888888" size:14px>听歌</font></div>

body{
background-color: #293941;
background:url("博客背景图片URL");
background-attachment:fixed;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
#floating {
position: fixed;
bottom: 0px;
right: 0;
z-index: 1
}
.c_ad_block /*关闭下方广告*/
{display: none;}
.commentform/*关闭下方广告*/
{display: none;}
#home {
    margin: 0 auto;
    width: 65%;
    min-width: 950px;
    background-color: #fffffff2;/*透明度调整为f2*/
    padding: 30px;
    margin-top: 50px;
    margin-bottom: 50px;
    box-shadow: 0 2px 6px rgba(100,100,100,.3);
}
.newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory {
    background: #fff0;/*透明度调整为0*/
    margin-bottom: 35px;
    word-wrap: break-word;
}

<div id="bodyframe" style="visibility: visible"> 
<embed id="floating" ; frameborder="no" border="0" marginwidth="0" marginheight="0" width=280 height=320 src="https://music.163.com/outchain/player?type=0&id=歌单ID&auto=1&height=430"></embed>
<div id="floating" onclick="document.all.bodyframe.style.visibility='hidden'" style="background-color: #f1f1f1; cursor: pointer; text-align: center;font-size: 16px;";z-index: 1"> 
<font color="#000000">隐藏  </font> 
</div> </div>

<div>
<p><img style="float:right; margin-right: 5%;" title="Hello,world!" 
onmouseover="this.src='https://images.cnblogs.com/cnblogs_com/-AClon-/1676582/o_200321113207banner_r_n.png';" onmouseout="this.src='https://images.cnblogs.com/cnblogs_com/-AClon-/1676582/o_200321072804banner_r.png';" src="https://images.cnblogs.com/cnblogs_com/-AClon-/1676582/o_200321072804banner_r.png" alt=""  /></p>
</div>

<div id="floating" onclick="document.all.bodyframe.style.visibility='visible'"; style="background-color: #00000040; cursor: pointer; text-align: center; font-size: 16px;" z-index: 1"> 
<font color="#ffffff" size:14px>显示  </font></div>

<div style="height:800px;" >
</div>
/*留白*/

PS: 先申请JS权限（说点好话给管理员~），博客园不支持iframe的字符串，替换成embed即可。

PS2: 网易云iframe插件可能不能播放部分歌曲（即使不用VIP、付费的，你怎么点都不会播放），自己测试下能播放的，放到新歌单就行了。

还有更讲究的：

https://www.cnblogs.com/netube/p/10160706.html

https://www.cnblogs.com/laoguantongxiegogo/p/12488696.html#4521979

https://www.cnblogs.com/bai2018/p/10801430.html

最后一句：简简单单就是美。

再备份一次2020.10.24：

/*html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); }*/
body{
background-color: #293941;
background:url(https://tvax1.sinaimg.cn/large/8f8ff1c9gy1gd1p6m28fqj21hc0xc7n0.jpg);
/*background:url(https://tva4.sinaimg.cn/large/8f8ff1c9gy1gdhhlxutuwj21hc0xctpr.jpg);黑白*/
background-attachment:fixed;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
/* cursor: url(https://blog-static.cnblogs.com/files/-AClon-/va11_hand.ico),auto; */
}
/*a:hover{cursor:url(),auto;}*/
#floating {
position: fixed;
bottom: 0px;
right: 0;
z-index: 1
}

#MySignature {
    background: rgb(255, 246, 220);
    border-left: 5px solid rgb(255,204,51);
    margin: 0;
    color: black;
    padding-left: 10px;
    padding-top: unset;
   padding-bottom: unset; 
}
/*关闭下方广告*/
.c_ad_block {display: none;}
/*.recomm-block{display: none;}*/
#ad_t2{display: none;}
#footer {
    color: #686868;
    text-align: center;
    min-height: 15px;
    _height: 15px;
    border-top: 1px solid #ededed;
    margin-top: 0px;
    padding-top: 10px;
    margin-bottom: 0px;
}

#home {
    margin: 0 auto;
    width: 65%;
    min-width: 950px;
    background-color: #fffffff5;
    padding: 20px;
    margin-top: 50px;
    margin-bottom: 50px;
    box-shadow: 0 2px 6px rgba(100,100,100,.3);
}
.newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory {
    background: none;
    margin: 0px auto;
    word-wrap: break-word;
}
#blog-calendar {
    margin: 5px auto;
}
.CalTodayDay {
    background: #8fcbff !important;
}
/*目录生成*/
#uprightsideBar{
    font-size:14px;
    text-align:left;
    position:fixed;
bottom: 13%;
    right:0px;
    width: auto;
    height: auto; 
}
#sideBarTab{
    float:right;
    width:30px; 
border-right: 3px solid rgb(255,204,51);
    text-align:center;
background: #ffffff;
    color: #777;
    padding: 8px;
box-shadow: 0 0 7px rgba(100, 100, 100, 0.5);
}

#sideBarContents{
    float:right;
    overflow:auto; 
    overflow-x:hidden;!important;
    width:auto;
    min-height:50px;
    max-height: 450px;
    max-width: 50%;
    border-left:3px solid rgb(255,204,51);
    background:#ffffff;
box-shadow: -1px 0 8px rgba(100, 100, 100, 0.5);
}
#sideBarContents dl{
    margin:0;
    padding:0;
}

#sideBarContents dt{
    margin: 12px 10px;
    font-size: 16px;
}
#sideBarContents dd{
    margin:8px 20px;
}

#sideBarContents dd, dt {
    cursor: pointer;
}
#sideBarContents dd:hover, dt:hover {
    color:rgb(255,204,51);
}

/* 文章标题样式(这个不是markdown里的标题) */
.postTitle, .entrylistPosttitle, .postTitle a {
    float: none;
    padding: 0px 10px;
}
.day .postTitle a {
    padding-left: 0px;
}
.entrylistPosttitle a:hover, .postTitle a:hover {
    margin-left: 15px;
    color: #0f3647;
    text-decoration: none;
}
.postTitle a:link, .postTitle a:visited, .postTitle a:active, .entrylistPosttitle a:link, .entrylistPosttitle a:visited, .entrylistPosttitle a:active {
    color: #21759b;
    transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
}
.entrylistTitle, .PostListTitle, .thumbTitle {
    height: 38px;
    line-height: 38px;
    font-size: 16px;
border-bottom: 1px solid #ccc;
    color: #21759b;
margin: 0;
}
.entrylistDescription {
    color: #777;
    text-align: left;
    padding: 5px 15px;
    font-size: 14px;
margin:0;
}
/* 普通文字样式 */
#cnblogs_post_body p, .postBody p {
    margin: 18px 0px;
    color: unset;
    font-size: 16px;
    text-indent: 0;
}
 
.postBody a:link{text-decoration: none;}
.postBody a:hover{text-decoration: underline;}

/* 标题样式 */
#topics .postTitle {
font-size:20px;
    font-weight: bold;
    line-height: 1.5;
    width: 100%;
    padding-left: 5px;
    border-left: 3px solid #21759b;
float: none;
}
.postBody {font-size:unset;font-size: initial;}

.postBody h1, .postBody h2, .postBody h3, .postBody h4, .postBody h5, .postBody h6, #cnblogs_post_body h1,#cnblogs_post_body h2,#cnblogs_post_body h3,#cnblogs_post_body h4,#cnblogs_post_body h5,#cnblogs_post_body h6{
    font-weight: bold;
    line-height: 1.5;
    color: unset;
    }

#cnblogs_post_body h1 {
    font-size: 30px;
    margin: 10px 0;
    border-bottom: 1px solid #ccc;
}

#cnblogs_post_body h2 {
    font-size: 24px;
    margin: 20px 0;
    border-bottom: 1px solid #ccc;
}

#cnblogs_post_body h3 {
font-size: 20px;
    margin: 20px auto 5px;
}

#cnblogs_post_body h4 {
    font-size: 18px;
    margin: 10px 0;
}
/* 标题样式设置结束 */
 
/* 无序列表 */
#cnblogs_post_body ul li {
    list-style-type: disc;
    margin: auto 0px;
}
 
/* 有序列表 */
#cnblogs_post_body ol li {
    list-style-type: decimal;
    margin: auto 0px;
    padding: 0px;
}
#cnblogs_post_body ol {
    padding-left: 30px;
}
 
/* 超链接 */
#cnblogs_post_body a:link {
    text-decoration: none;
    color: #002C99;
}

#cnblogs_post_body a:hover {
    text-decoration: underline;
}
 
/* 引用背景 */
#topics .postBody blockquote {
    background: none;
    border: none;
    border-left: 5px solid #ccc;
    margin: 0;
    padding:0 10px;
    color: #777;
    min-height: auto;
}

/* 单行代码 */
.cnblogs-markdown code {
    font-family: Consolas, "Microsoft YaHei", monospace !important;
    font-size: 16px !important;
    color: #eee;
    line-height: 20px;
    background-color: #222 !important;
    border: 1px solid #ccc !important;
    padding: 0 5px !important;
    border-radius: 3px !important;
    line-height: 1.8;
    margin: 1px 5px;
    vertical-align: middle;
    display: inline-block;
}
 
/* 多行代码, 引用 */
.cnblogs-markdown .hljs {
    font-family: Consolas, "Microsoft YaHei", monospace !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    padding: 5px !important;
    color:#eee;
}

/*表格*/
#cnblogs_post_body table, .cnblogs-post-body table {
    border: none;
    border-collapse: collapse;
    word-break: break-word;
}

.postDesc {
    font-size: 13px;
    color: #757575;
    float: left;
    width: 100%;
    clear: both;
    text-align: left;
    padding-left: 20px;
    padding-right: 5px;
    margin-top: 0;
    line-height: 1.5;
}

/*分类目录*/
.entrylistItem {
    min-height: unset;
    margin: 30px 0px;
    padding: 0px;
    width: 100%;
}

/*代码颜色*/
#mainContent .cnblogs-markdown .hljs,#mainContent .cnblogs-post-body .hljs {
    display: block;
       white-space:pre!important;
       word-break:keep-all!important;
    overflow-x: auto;
    padding: .5em;
    color: #abb2bf;
    background: #2d3748!important
}

#mainContent .cnblogs-markdown .hljs-comment,#mainContent .cnblogs-markdown .hljs-quote,#mainContent .cnblogs-post-body .hljs-comment,#mainContent .cnblogs-post-body .hljs-quote {
    color: #5c6370;
    font-style: italic
}

#mainContent .cnblogs-markdown .hljs-doctag,#mainContent .cnblogs-markdown .hljs-formula,#mainContent .cnblogs-markdown .hljs-keyword,#mainContent .cnblogs-post-body .hljs-doctag,#mainContent .cnblogs-post-body .hljs-formula,#mainContent .cnblogs-post-body .hljs-keyword {
    color: #c678dd
}

#mainContent .cnblogs-markdown .hljs-deletion,#mainContent .cnblogs-markdown .hljs-name,#mainContent .cnblogs-markdown .hljs-section,#mainContent .cnblogs-markdown .hljs-selector-tag,#mainContent .cnblogs-markdown .hljs-subst,#mainContent .cnblogs-post-body .hljs-deletion,#mainContent .cnblogs-post-body .hljs-name,#mainContent .cnblogs-post-body .hljs-section,#mainContent .cnblogs-post-body .hljs-selector-tag,#mainContent .cnblogs-post-body .hljs-subst {
    color: #e06c75
}

#mainContent .cnblogs-markdown .hljs-literal,#mainContent .cnblogs-post-body .hljs-literal {
    color: #56b6c2
}

#mainContent .cnblogs-markdown .hljs-addition,#mainContent .cnblogs-markdown .hljs-attribute,#mainContent .cnblogs-markdown .hljs-meta-string,#mainContent .cnblogs-markdown .hljs-regexp,#mainContent .cnblogs-markdown .hljs-string,#mainContent .cnblogs-post-body .hljs-addition,#mainContent .cnblogs-post-body .hljs-attribute,#mainContent .cnblogs-post-body .hljs-meta-string,#mainContent .cnblogs-post-body .hljs-regexp,#mainContent .cnblogs-post-body .hljs-string {
    color: #98c379
}

#mainContent .cnblogs-markdown .hljs-built_in,#mainContent .cnblogs-markdown .hljs-class .hljs-title,#mainContent .cnblogs-post-body .hljs-built_in,#mainContent .cnblogs-post-body .hljs-class .hljs-title {
    color: #e6c07b
}

#mainContent .cnblogs-markdown .hljs-attr,#mainContent .cnblogs-markdown .hljs-number,#mainContent .cnblogs-markdown .hljs-selector-attr,#mainContent .cnblogs-markdown .hljs-selector-class,#mainContent .cnblogs-markdown .hljs-selector-pseudo,#mainContent .cnblogs-markdown .hljs-template-variable,#mainContent .cnblogs-markdown .hljs-type,#mainContent .cnblogs-markdown .hljs-variable,#mainContent .cnblogs-post-body .hljs-attr,#mainContent .cnblogs-post-body .hljs-number,#mainContent .cnblogs-post-body .hljs-selector-attr,#mainContent .cnblogs-post-body .hljs-selector-class,#mainContent .cnblogs-post-body .hljs-selector-pseudo,#mainContent .cnblogs-post-body .hljs-template-variable,#mainContent .cnblogs-post-body .hljs-type,#mainContent .cnblogs-post-body .hljs-variable {
    color: #d19a66
}

#mainContent .cnblogs-markdown .hljs-bullet,#mainContent .cnblogs-markdown .hljs-link,#mainContent .cnblogs-markdown .hljs-meta,#mainContent .cnblogs-markdown .hljs-selector-id,#mainContent .cnblogs-markdown .hljs-symbol,#mainContent .cnblogs-markdown .hljs-title,#mainContent .cnblogs-post-body .hljs-bullet,#mainContent .cnblogs-post-body .hljs-link,#mainContent .cnblogs-post-body .hljs-meta,#mainContent .cnblogs-post-body .hljs-selector-id,#mainContent .cnblogs-post-body .hljs-symbol,#mainContent .cnblogs-post-body .hljs-title {
    color: #61aeee
}

#mainContent .cnblogs-markdown .hljs-emphasis,#mainContent .cnblogs-post-body .hljs-emphasis {
    font-style: italic
}

#mainContent .cnblogs-markdown .hljs-strong,#mainContent .cnblogs-post-body .hljs-strong {
    font-weight: 700
}

#mainContent .cnblogs-markdown .hljs-link,#mainContent .cnblogs-post-body .hljs-link {
    text-decoration: underline
}

#mainContent .cnblogs-markdown .hljs-tag,#mainContent .cnblogs-post-body .hljs-tag {
    color: #abb2bf
}
    .footnotes hr {
        display: none !important;
    }
}

<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?fa626316b93e18bd5ff11ef8b6bd2fc9";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

<p style="text-align: center;"><span style="font-size: 16px;"><strong>欢迎第<a href="https://www.58q.com/" target="_blank"><img style="vertical-align: middle;" src="https://www.cutercounter.com/hits.php?id=huxdqocc&amp;nd=5&amp;style=27" alt="嗷了去，图裂了" /></a>位访客</strong></span></p>
<p style="text-align: center;">访问总量：<a href="https://www.58q.com/" target="_blank"><img style="vertical-align: text-top;" src="https://www.cutercounter.com/hits.php?id=huxdqocp&amp;nd=6&amp;style=14" alt="嗷了去，图裂了" /></a></p>
<br/>

<span style="font-size: 14px;"><p><del>一个非专业的闲鱼的博客</del>……</p>
<p>学业为主，如有不足，请指正。</p>
<p style="text-align: right;"><a href="https://space.bilibili.com/476079747" target="_blank"><span style="color: #3366ff;"><strong>B站: Nolca</strong></span></a></span></p>
<p style="text-align: right;"><strong><a href="http://www.coolapk.com/u/793843" target="_blank"><span style="color: #339966; font-size: 14px;">酷安: Lboy_C</span></a></strong></p>
<p style="text-align: right;"><strong><a href="https://mianbaoduo.com/o/nolca" target="_blank"><span style="color: rgb(253,171,14); font-size: 14px;">面包多：资源零售铺>></span></a></strong></p>
<p style="text-align: right;"><strong><a href="http://nolca.ys168.com/" target="_blank"><span style="font-size: 14px;">资源小站>></span></a></strong></p>

<!script charset="utf-8" src="https://blog-static.cnblogs.com/files/-AClon-/Scroll.js"></script>
<link id="mobile-style" media="only screen and (max- 767px)" type="text/css" rel="stylesheet" href="https://files.cnblogs.com/files/-AClon-/mobile.css">
<link rel="shortcut icon" href="https://files.cnblogs.com/files/-AClon-/nolca.ico">

<div>
<p><!img style="float: left; margin-left: 0%;" title="???" src="https://images.cnblogs.com/cnblogs_com/-AClon-/1676582/o_200321052532banner_l.png" alt="" /></p>


<p ondragstart="window.event.returnValue=false;return false;" oncontextmenu="window.event.returnValue=false;return false;" onselectstart="event.returnValue=false;return false;"><!img style="float:right; margin-right: 5%;" title="Hello,world!" 
onmouseover="this.src='https://images.cnblogs.com/cnblogs_com/-AClon-/1676582/o_200321113207banner_r_n.png';" onmouseout="this.src='https://images.cnblogs.com/cnblogs_com/-AClon-/1676582/o_200321072804banner_r.png';" src="https://images.cnblogs.com/cnblogs_com/-AClon-/1676582/o_200321072804banner_r.png" alt=""  /></p>
</div>


<script type="text/javascript">
/*
    功能：生成博客目录的JS工具
    测试：IE8，火狐，google测试通过
    孤傲苍狼
    2014-5-11
*/
var BlogDirectory = {
    /*
        获取元素位置，距浏览器左边界的距离（left）和距浏览器上边界的距离（top）
    */
    getElementPosition:function (ele) {        
        var topPosition = 0;
        var leftPosition = 0;
        while (ele){              
            topPosition += ele.offsetTop;
            leftPosition += ele.offsetLeft;        
            ele = ele.offsetParent;     
        }  
        return {top:topPosition, left:leftPosition}; 
    },

    /*
    获取滚动条当前位置
    */
    getScrollBarPosition:function () {
        var scrollBarPosition = document.body.scrollTop || document.documentElement.scrollTop;
        return  scrollBarPosition;
    },
    
    /*
    移动滚动条，finalPos 为目的位置，internal 为移动速度
    */
    moveScrollBar:function(finalpos, interval) {

        //若不支持此方法，则退出
        if(!window.scrollTo) {
            return false;
        }

        //窗体滚动时，禁用鼠标滚轮
        window.onmousewheel = function(){
            return false;
        };
          
        //清除计时
        if (document.body.movement) { 
            clearTimeout(document.body.movement); 
        } 

        var currentpos =BlogDirectory.getScrollBarPosition();//获取滚动条当前位置

        var dist = 0; 
        if (currentpos == finalpos) {//到达预定位置，则解禁鼠标滚轮，并退出
            window.onmousewheel = function(){
                return true;
            }
            return true; 
        } 
        if (currentpos < finalpos) {//未到达，则计算下一步所要移动的距离
            dist = Math.ceil((finalpos - currentpos)/10); 
            currentpos += dist; 
        } 
        if (currentpos > finalpos) { 
            dist = Math.ceil((currentpos - finalpos)/10); 
            currentpos -= dist; 
        }
        
        var scrTop = BlogDirectory.getScrollBarPosition();//获取滚动条当前位置
        window.scrollTo(0, currentpos);//移动窗口
        if(BlogDirectory.getScrollBarPosition() == scrTop)//若已到底部，则解禁鼠标滚轮，并退出
        {
            window.onmousewheel = function(){
                return true;
            }
            return true;
        }
        
        //进行下一步移动
        var repeat = "BlogDirectory.moveScrollBar(" + finalpos + "," + interval + ")"; 
        document.body.movement = setTimeout(repeat, interval); 
    },
    
    htmlDecode:function (text){
        var temp = document.createElement("div");
        temp.innerHTML = text;
        var output = temp.innerText || temp.textContent;
        temp = null;
        return output;
    },

    /*
    创建博客目录，
    id表示包含博文正文的 div 容器的 id，
    mt 和 st 分别表示主标题和次级标题的标签名称（如 H2、H3，大写或小写都可以！），
    interval 表示移动的速度
    */
    createBlogDirectory:function (id, mt, st, interval){
         //获取博文正文div容器
        var elem = document.getElementById(id);
        if(!elem) return false;
        //获取div中所有元素结点
        var nodes = elem.getElementsByTagName("*");
        //创建博客目录的div容器
        var divSideBar = document.createElement('DIV');
        divSideBar.className = 'uprightsideBar';
        divSideBar.setAttribute('id', 'uprightsideBar');
        var divSideBarTab = document.createElement('DIV');
        divSideBarTab.setAttribute('id', 'sideBarTab');
        divSideBar.appendChild(divSideBarTab);
        var h2 = document.createElement('H2');
        divSideBarTab.appendChild(h2);
        var txt = document.createTextNode('目录导航');
        h2.appendChild(txt);
        var divSideBarContents = document.createElement('DIV');
        divSideBarContents.style.display = 'none';
        divSideBarContents.setAttribute('id', 'sideBarContents');
        divSideBar.appendChild(divSideBarContents);
        //创建自定义列表
        var dlist = document.createElement("dl");
        divSideBarContents.appendChild(dlist);
        var num = 0;//统计找到的mt和st
        mt = mt.toUpperCase();//转化成大写
        st = st.toUpperCase();//转化成大写
        //遍历所有元素结点
        for(var i=0; i<nodes.length; i++)
        {
            if(nodes[i].nodeName == mt|| nodes[i].nodeName == st)    
            {
                //获取标题文本
                var nodetext = nodes[i].innerHTML.replace(/</?[^>]+>/g,"");//innerHTML里面的内容可能有HTML标签，所以用正则表达式去除HTML的标签
                nodetext = nodetext.replace(/ /ig, "");//替换掉所有的 
                nodetext = BlogDirectory.htmlDecode(nodetext);
                //插入锚        
                nodes[i].setAttribute("id", "blogTitle" + num);
                var item;
                switch(nodes[i].nodeName)
                {
                    case mt:    //若为主标题 
                        item = document.createElement("dt");
                        break;
                    case st:    //若为子标题
                        item = document.createElement("dd");
                        break;
                }
                
                //创建锚链接
                var itemtext = document.createTextNode(nodetext);
                item.appendChild(itemtext);
                item.setAttribute("name", num);
                item.onclick = function(){        //添加鼠标点击触发函数
                    var pos = BlogDirectory.getElementPosition(document.getElementById("blogTitle" + this.getAttribute("name")));
                    if(!BlogDirectory.moveScrollBar(pos.top, interval)) return false;
                };            
                
                //将自定义表项加入自定义列表中
                dlist.appendChild(item);
                num++;
            }
        }
        
        if(num == 0) return false; 
        /*鼠标进入时的事件处理*/
        divSideBarTab.onmouseenter = function(){
            divSideBarContents.style.display = 'block';
        }
        /*鼠标离开时的事件处理*/
        divSideBar.onmouseleave = function() {
            divSideBarContents.style.display = 'none';
        }

        document.body.appendChild(divSideBar);
    }
    
};
window.onload=function(){
    /*页面加载完成之后生成博客目录*/
    BlogDirectory.createBlogDirectory("cnblogs_post_body","h2","h3",20);
}
</script>

<div style="height:800px;" >
</div>
<p style="text-align: center;"><span style="font-family: wingdings, 'zapf dingbats'; /*background-color: #ffffffee;*/ color: #ffffff;">Hello, world.</span></p>

<script type="text/javascript" language="javascript">
　　//Setting ico for cnblogs
　　var linkObject = document.createElement('link');
　　linkObject.rel = "shortcut icon";
　　linkObject.href = "https://files.cnblogs.com/files/-AClon-/nolca.ico";
　　document.getElementsByTagName("head")[0].appendChild(linkObject);
</script>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.css">
<script src="https://blog-static.cnblogs.com/files/-AClon-/APlayer.min.js"></script>
<div id="aplayer" class="aplayer" data-id="4927975309" data-server="netease" data-type="playlist" data-fixed="true" data-listfolded="false" data-order="" data-theme="rgb(255,204,51)"></div>
<script src="https://unpkg.com/meting@1.2/dist/Meting.min.js"></script>