V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
amiwrong123
V2EX  ›  问与答

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

  •  
  •   amiwrong123 · 55 天前 · 887 次点击
    这是一个创建于 55 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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

    不研究了 第二个思路应该可行
    amiwrong123
        4
    amiwrong123  
    OP
       54 天前 via Android
    @shubiao
    是的兄弟。就是 win 版,后面我去试下换字体。
    amiwrong123
        5
    amiwrong123  
    OP
       54 天前 via Android
    @shubiao
    在设置里打开一个选项(关于开发者工具的),然后 shift 加 f12 ,就可以打开开发者工具。跟浏览器的 f12 一样。
    amiwrong123
        6
    amiwrong123  
    OP
       54 天前 via Android
    @shubiao 原来官方有一个 css 文档呀,我去,我才知道,我去看一看在哪里。
    amiwrong123
        7
    amiwrong123  
    OP
       53 天前   ❤️ 1
    @shubiao
    找到了,在 night.css 里最后加上:
    pre .CodeMirror-line{
    line-height: 1rem;
    }
    就可以了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1172 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 18:19 · PVG 02:19 · LAX 10:19 · JFK 13:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.