Typora 的代码块的行高 怎么调整呀?

20 天前
 amiwrong123

按照网上的一些方法,修改了 css 文件。调整了段落的 margin 和标题的 margin (也就是段前段后)。终于变成了想要的效果了。

但是代码块的每行代码的行高 太高了,最好能像 Vscode 的行高 差不多,反正需要调小一点。

有大佬知道怎么改 css 吗?最好只影响到代码块,不影响正常的文字段落。

我知道可以用开发者工具,和浏览器的 F12 一样,可以去找 css 。奈何我网页方面实在不熟。 另外,还有个问题。 就是在标题里面,0 和 o 的显示效果几乎一样的,有时候有点误导人。但是在大纲里看是 正常的。这个你们有遇到过吗

760 次点击
所在节点    问与答
7 条回复
amiwrong123
20 天前
https://www.zhihu.com/question/516506979/answer/2644913979
调整段落的 margin ,就是按照这篇文章的方法来的。先 f12 找到某个网页元素,找到 css 的设置以及 css 文件的位置。然后去修改 css 文件
shubiao
20 天前
这题我来
第二题: 你换个 typora 字体就好了, 你这个应该是 win 版, win 上有个号称微软开发的最好的写代码的字体来着, 换成那个就行
https://zh.wikipedia.org/wiki/Consolas
换完字体就解决啦, 就是换个写代码友好的就解决了
怎么换字体一搜一大堆
第一题: 没现成解决方案, typora 不是有很多 Themes 嘛, 因为官方开放了一个 css 文档, 你去翻翻规则, 应该有指定到代码快的
另外, 你都会打开开发者工具了(我还没打开过呢), 找到<pre><code>这种标签, 只要 css 选择器粒度写的够精准就能改成
shubiao
20 天前
不行 兄弟 我真的不会打开开发者工具 我已经找到 debug 了, 但是 com+option+i 就是不管用

不研究了 第二个思路应该可行
amiwrong123
20 天前
@shubiao
是的兄弟。就是 win 版,后面我去试下换字体。
amiwrong123
20 天前
@shubiao
在设置里打开一个选项(关于开发者工具的),然后 shift 加 f12 ,就可以打开开发者工具。跟浏览器的 f12 一样。
amiwrong123
20 天前
@shubiao 原来官方有一个 css 文档呀,我去,我才知道,我去看一看在哪里。
amiwrong123
19 天前
@shubiao
找到了,在 night.css 里最后加上:
pre .CodeMirror-line{
line-height: 1rem;
}
就可以了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1086068

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX