博客园设置目录:版本1

TOC

博客园设置目录:版本1

参考: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="https://files.cnblogs.com/files/mingjiatang/mystyle.css" rel="stylesheet">
<script type="text/javascript" src="https://files.cnblogs.com/files/mingjiatang/mycnblogs.js"></script>
<script type="text/javascript" src="https://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;
}
/*目录默认是在右边的,但是我看了一下,发现目录哪怕收起来,下方的页面也是禁止点击的,就把它移到了左边去了,*/
#sideToolbar{
    right: auto!important;
}


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

posted @   紫月java  阅读(854)  评论(2编辑  收藏  举报
编辑推荐:
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
阅读排行:
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示