博客园设置目录

TOC

博客园设置目录

参考:https://www.cnblogs.com/mingjiatang/p/5954352.html

设置博客园目录功能,

想要自定义博客园的目录,需要先申请js功能.

  • 首先在博客园的管理设置中申请js;
  • 页首Html代码中复制一下内容
<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link href="http://files.cnblogs.com/files/mingjiatang/mystyle.css" rel="stylesheet">
<script type="text/javascript" src="http://files.cnblogs.com/files/mingjiatang/mycnblogs.js"></script>
<script type="text/javascript" src="http://files.cnblogs.com/files/mingjiatang/mystyle.js"></script>
  • 设置目录的样式

    其实从某方面来说到,上面设置完就已经结束了,不过我个人将其中的一部分样式改了一下

#sideCatalog-catalog{
    overflow: auto!important;
    font-family: Consolas,DroidSans,"Liberation Mono", Menlo, Courier, monospace;
}

#sideCatalog-catalog::-webkit-scrollbar {
    display: none;
}


点击按钮目录是可以隐藏的.,





猜你喜欢

转载自www.cnblogs.com/ziyue7575/p/11407354.html