CSDN风格 行内代码 `xxx` 样式

下面两图分别是网上原文和我摘抄下来的文档对比, Obsidian 打开的 markdown 默认情况下 “行内代码`xxx`” 这种关键信息样式不明显, 不够醒目;

目前我用的解决方案是用自定义 CSS 代码片段, 使用步骤如下:

步骤1: 在 “.obsidian/snippets/” 文件夹下新增一个 “csdn-inline-code.css” 文件, 内容如下:

/* CSDN 风格 · 行内代码 `xxx` 样式 */
.cm-inline-code,
.markdown-preview-view code {
    background-color: #f0f2f5 !important;
    color: #c7254e !important;
    border-radius: 4px !important;
    padding: 2px 6px !important;
    font-family: Consolas, monospace !important;
    border: none !important;
    font-weight: normal !important;
}

步骤2: 然后在 Obsidian “选项-外观-CSS代码片段” 里面启用该 CSS, 效果如下:

1 个赞