引言:
在撰写技术文档或编程相关文章时,展示代码块是不可或缺的一部分。然而,大量的代码往往会让文档显得臃肿,影响阅读体验。特别是对于不感兴趣的代码细节,或是在快速浏览文档要点时,这些代码可能会分散读者的注意力。
我的Typora里面没有代码折叠这个功能,为提升阅读效率与体验,我将通过修改主题的方式来使代码块展示量减少。
方法:
- 打开偏好设置,找到外观,选择打开主题文件夹
- 找到并打开与你主题样式名称一样的css文件。我的是github主题,所以我选择github.css。
- ctrl + F 搜索 .md-fences ,找到后改成
.md-fences {
max-height: 250px;
overflow-y: auto;
}
如果没找到 .md-fences 也没关系,自己添加这句代码就好了。
设置完之后记得保存文件,然后重启Typora就可以看到代码展示量减少了。
这段代码使用了CSS样式来减少代码块的展示量。通过设置
max-height
属性为250px,限制了代码块的最大高度为250像素。同时,通过设置overflow-y
属性为auto
,当代码块内容超过最大高度时,会出现垂直滚动条,允许用户通过滚动查看超出部分的内容。这样,即使代码块的内容较多,也不会一次性全部展示出来,而是通过滚动条的方式让用户按需查看。这样可以有效地减少代码块的展示量,提高页面的可读性和用户体验。