Typora 代码块折叠

引言:

在撰写技术文档或编程相关文章时,展示代码块是不可或缺的一部分。然而,大量的代码往往会让文档显得臃肿,影响阅读体验。特别是对于不感兴趣的代码细节,或是在快速浏览文档要点时,这些代码可能会分散读者的注意力。

我的Typora里面没有代码折叠这个功能,为提升阅读效率与体验,我将通过修改主题的方式来使代码块展示量减少。

方法:

1. 打开偏好设置,找到外观,选择打开主题文件夹

 2. 找到并打开与你主题样式名称一样的css文件。我的是github主题,所以我选择github.css。

3. ctrl + F 搜索 .md-fences ,找到后改成

.md-fences {max-height:250px; overflow-y:auto;}

这段代码使用了CSS样式来减少代码块的展示量。通过设置`max-height`属性为250px,限制了代码块的最大高度为250像素。同时,通过设置`overflow-y`属性为`auto`,当代码块内容超过最大高度时,会出现垂直滚动条,允许用户通过滚动查看超出部分的内容。

这样,即使代码块的内容较多,也不会一次性全部展示出来,而是通过滚动条的方式让用户按需查看。这样可以有效地减少代码块的展示量,提高页面的可读性和用户体验。

如果没找到 .md-fences 也没关系,自己添加这句代码就好了。

设置完之后记得保存文件,然后重启Typora就可以看到代码展示量减少了。

  • 22
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值