博客园博客文章自动设置多级目录

1、进入博客园后台，点击“设置”，找到下方的“博客侧边栏公告”，点击“申请"JS权限”。

 

 

 

 

 

 

 

2、申请理由可以这样填写：

实现博客中点击出现爱心及汉字等效果，所以申请js执行权限

 

 

 

3、博客园后台审核可能不及时，如果比较着急，可以直接给博客园官方发消息

博客园团队: https://www.cnblogs.com/cmt/

 

 

发送消息时，可以这样说：

今天想实现博客中点击出现爱心及汉字等效果，所以想申请js执行权 限，不知道什么时候会申请通过呢，我看很多人说这个审核很快的 能尽快回复我—下吗?

 

 

 

4、审核通过后，效果如下，显示“支持JS代码”：

 

 

 

 

 

二、添加CSS代码

1、在“页面定制CSS代码”下，添加代码。代码如下：

/*生成博客目录的CSS*/
#uprightsideBar{
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    position:fixed;/*将div的位置固定到距离top:50px，right:0px的位置，这样div就会处在最右边的位置，距离顶部50px*/
    top:50px;
    right:0px;
    width: auto;
    height: auto; 
}
#sideBarTab{
    float:left;
    width:30px; 
    border:1px solid #e5e5e5;
    border-right:none;
    text-align:center;
    background:#ffffff;
}

#sideBarContents{
    float:left;
    overflow:auto; 
    overflow-x:hidden;!important;
    width:200px;
    min-height:108px;
    max-height:460px;
    border:1px solid #e5e5e5;
    border-right:none; 
    background:#ffffff;
}
#sideBarContents dl{
    margin:0;
    padding:0;
}

#sideBarContents dt{
    margin-top:5px;
    margin-left:5px;
}

#sideBarContents dd, dt {
    cursor: pointer;
}

#sideBarContents dd:hover, dt:hover {
    color:#A7995A;
}
#sideBarContents dd{
    margin-left:10px;
}
#sideBarContents dd.indent3{
    margin-left:20px;
}
#sideBarContents dd.indent4{
    margin-left:30px;
}
#sideBarContents dd.indent5{
    margin-left:40px;
}
#sideBarContents dd.indent6{
    margin-left:50px;
}

View Code