修改 mkdocs-material 代码块行号字体大小

约 162 个字 • 14 行代码

在预览发布 2024数模美赛参赛纪实(编程手视角) 时，由于之前都没有开启过代码块的行号显示，这一次是第一次开启，于是预览的时候发现行号和代码的大小没有对应上，

然后用开发者工具查看，尝试了一下，发现是 .highlighttable .linenos {...} 中的 font_size 对应代码块行号的大小，原本是 .85em ，

于是我在 docs/stylesheets/custom.css 中，在之前设置代码块行间距和字体大小的下方，添加了

...

/* 修改代码块行间距 */
.md-typeset pre {
  line-height: 1.8;
}

/* 修改代码块行号(数字)的字体大小 */
.highlighttable .linenos {
  /* font-size: 0.93em; */
  font-size: .65rem;
}

...

修改之后行号就和代码一样大了

---

最后更新: 2024-03-15
创建日期: 2024-02-19

评论