/*simplememory*/
		#google_ad_c1, #google_ad_c2 {
			display: none;
		}

		.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td,
		.syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption,
		.syntaxhighlighter textarea {
			font-size: 14px !important;
		}

		#home {
			opacity: 0.90;
			margin: 0 auto;
			width: 60%;
			min-width: 950px;
			background-color: #fff;
			padding: 50px;
			margin-top: 80px;
			margin-bottom: 50px;
			box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
		}

		#blogTitle h1 {
			font-size: 30px;
			font-weight: bold;
			font-family: "Comic Sans MS";
			line-height: 1.5em;
			margin-top: 20px;
			color: #515151;
		}

		#navList a:hover {
			color: #4C9ED9;
			text-decoration: none;
		}

		#navList a {
			display: block;
			width: 5em;
			height: 22px;
			float: left;
			text-align: center;
			padding-top: 18px;
		}

		#navigator {
			font-size: 15px;
			border-bottom: 1px solid #ededed;
			border-top: 1px solid #ededed;
			height: 50px;
			clear: both;
			margin-top: 25px;
		}

		.catListTitle {
			margin-top: 21px;
			margin-bottom: 10.5px;
			text-align: left;
			border-left: 10px solid rgba(82, 168, 236, 0.8);
			padding: 10px 0 14px 10px;
			background-color: #f5f5f5;
		}

		#ad_under_post_holder #google_ad_c1, #google_ad_c2 {
			display: none !important;
		}

		body {
			color: #000;
			background: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1584953140414&di=562bcd39c83b52833fb392dd8d10501c&imgtype=0&src=http%3A%2F%2Fimg4.imgtn.bdimg.com%2Fit%2Fu%3D3801133904%2C976479157%26fm%3D214%26gp%3D0.jpg) fixed;
			background-size: 100%;
			background-repeat: no-repeat;
			font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
			font-size: 12px;
			min-height: 101%;
		}

		#topics .postTitle {
			border: 0px;
			font-size: 200%;
			font-weight: bold;
			float: left;
			line-height: 1.5;
			width: 100%;
			padding-left: 5px;
		}

		div.commentform p {
			margin-bottom: 10px;
		}

		.comment_btn {
			padding: 5px 10px;
			height: 35px;
			width: 90px;
			border: 0 none;
			border-radius: 5px;
			background: #ddd;
			color: #999;
			cursor: pointer;
			font-family: "Lato", Helvetica Neue, Helvetica, Microsoft Yahei, 宋体, Arial, sans-serif;
			text-shadow: 0 0 1px #fff;
			display: inline !important;
		}

		.comment_btn:hover {
			padding: 5px 10px;
			height: 35px;
			width: 90px;
			border: 0 none;
			border-radius: 5px;
			background: #258fb8;
			color: white;
			cursor: pointer;
			font-family: "Lato", Helvetica Neue, Helvetica, Microsoft Yahei, 宋体, Arial, sans-serif;
			text-shadow: 0 0 1px #fff;
			display: inline !important;
		}

		#commentform_title {
			background-image: none;
			background-repeat: no-repeat;
			margin-bottom: 10px;
			padding: 0;
			font-size: 24px;
		}

		#commentbox_opt, #commentbox_opt + p {
			text-align: center;
		}

		.commentbox_title {
			width: 100%;
		}

		#tbCommentBody {
			font-family: 'Microsoft Yahei', Microsoft Yahei, 宋体, sans-serif;
			margin-top: 10px;
			max-width: 100%;
			min-width: 100%;
			background: white;
			color: #333;
			border: 2px solid #fff;
			box-shadow: inset 0 0 8px #aaa;
		/ / padding: 10 px;
			height: 250px;
			font-size: 14px;
			min-height: 120px;
		}

		.feedbackItem {
			font-size: 14px;
			line-height: 24px;
			margin: 10px 0;
			padding: 20px;
			background: #F2F2F2;
			box-shadow: 0 0 5px #aaa;
		}

		.feedbackListSubtitle {
			font-weight: normal;
		}

		#blog-comments-placeholder, #comment_form {
			padding: 20px;
			background: #fff;
			-webkit-box-shadow: 1px 2px 3px #ddd;
			box-shadow: 1px 2px 3px #ddd;
			margin-bottom: 50px;
		}

		.feedback_area_title {
			margin-bottom: 15px;
			font-size: 1.8em;
		}

		.feedbackItem {
			border-bottom: 1px solid #CCC;
			margin-bottom: 10px;
			padding: 5px;
			background: rgb(248, 248, 248);
		}

		.color_shine {
			background: rgb(226, 242, 255);
		}

		.feedbackItem:hover {
			-webkit-animation-name: color_shine;
			-webkit-animation-duration: 2s;
			-webkit-animation-iteration-count: infinite;
		}

		#comment_form .title {
			font-weight: normal;
			margin-bottom: 15px;
		}

/*
    创建博客目录，
    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(/&nbsp;/ig, "");//替换掉所有的&nbsp;
                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>