:::info 语雀V4版已更新（12.12.2021）
    语雀V3版已更新（07.20.2021） :::

    语雀的样式实在是太丑了！！！

    再这样下去我真的要转投Notion了！！！

    哪怕在有大佬做出了🐦 Power Yuque 美化了一大步，但代码框还是不忍直视。

    哪怕人与人的体质不能一概而论，我依然在极端愤怒的情况下。。。居然找到了解决办法💡

    那就是Stylus 插件，这是一款能自己修改网站css样式的插件。

    虽然我不是前端程序猿，但只是改改代码框的样式还是没问题的，顺便把内联代码也改成了喜欢的红色。

    一条来自 2021 年 12月12日的分割线
    语雀真TM是又菜又爱改，你倒是改一下外观啊，语雀到底有没有前端设计师啊，页面丑成这样，照着微软谷歌苹果抄也行啊，无语……

    1. /*
    2. * Name:         YuQue Beautify
    3. * Author:       Zhang Jin
    4. * Version:      v4.0
    5. * Updated:      12.12.2021
    6. */
    8. ne-h2{
    9.     padding-bottom: 4px !important;
    10.     border-bottom: 1px solid #eee;
    11. }
    13. /* 内联代码 */
    14. ne-code-content{
    15.     margin: 0 1px;
    16.     padding: 2px 4px;
    17.     color: #FF0000;
    18.     background: #FAEAEB;
    19.     border: none;
    20.     border-radius: 2px;
    21.     font-size: 0.85rem;
    22. }
    25. /* 代码框 */
    26. .ne-codeblock {
    27.     border: 0px solid rgb(0 0 0 / 0%);
    28.     background-color: #f6f8fa;
    29.     color: #262626;
    30.     font-size: 0.8rem; 
    31. }
    33. .CodeMirror {
    34.     border: 0px solid rgb(0 0 0 / 0%);
    35.     background-color: #f6f8fa;
    36.     color: #262626;
    37. }
    39. .ne-viewer ne-card[data-card-type="block"] {
    40.     border: 0px solid #eee;
    41. }
    43. /* 代码行号 */
    44. .CodeMirror-gutters {
    45.     background-color: #f6f8fa;
    46. }
    48. .CodeMirror-linenumber{
    49.     color: rgba(0, 92, 197, 0.7);
    50. }
    53. /*  信息块 */
    54. ne-alert {
    55.     padding-left: 16px;
    56.     border: none!important;
    57. }

    区别大概就是下面这样子：

    image.png
    image.png