handsome的目录目前有几个小小的bug,需要处理一下才能正常使用。

此方案针对的是版本: 6.0.0
未来作者可能会修复这几个BUG吧。

目录透明化

目前在主题设置为炫酷透明模式时,目录背景为全白,此时字体也是白色,造成无法看清字体。
因此需要在主题的自定义CSS内增加这个,让目录的背景变成透明的。

#toc {
    background: rgba(255, 255, 255, 0.3);
}

修改目录限制高度

在拥有超多标题的时候,默认目录的限制高度会导致标题突破边际,因此我需要修改默认目录的限制高度。
前往修改主题的文件

/6.0.0/css/handsome.min.css

搜索

#tag_toc.fixed #toc {
    width: 199px;
    max-height: 700px;
    overflow-x: hidden;
    position: relative;
}

将里面的max-height:700px;改成max-height:470px;即可
这样即使在1366x768的分辨率笔记本上目录也能正常显示。

最后修改:2023 年 06 月 22 日
如果觉得我的文章对你有用,请随意赞赏