📝 Obsidian 编辑模式下，如何让文字段落之间的区隔更明显？

pimgeek2025年06月15日 14:20
Obsidian.md 文档管理器X ⮕ Y

在 Obsidian 的选项 > 外观 > CSS 代码片段中启用下列自定义 CSS 样式代码，可以让 编辑模式 📝 下文字段落之间区隔更明显。

img, .HyperMD-header {
  display: block;
  line-height: 130% !important;
  padding: 0.3rem 0 1rem 0 !important;
}
.cm-line:not(.HyperMD-header) {
  display: block !important;
  line-height: 1.3rem;
  padding: 0.1rem 0 0.9rem 0 !important;
}
.cm-line:not(.HyperMD-header):has(> br)::before {
  content: '⮐';
  font-size: 0.3rem;
  margin-left: -0.6rem;
  color: silver;
}
.cm-line:not(.HyperMD-header):has(> br) {
  display: block !important;
  position: relative !important;
  height: 0.4rem;
  padding: 0 0 1.2rem 0 !important;
  top: -0.8rem;
}
.cm-s-obsidian .HyperMD-list-line {
  text-indent: 0 !important;
}
.HyperMD-list-line > .cm-formatting-list-ul {
  margin-left: -0.72em !important;
}
.HyperMD-list-line > .cm-formatting-list-ol {
  margin-left: 0.2em !important;
}

🤔 默认情况下，Obsidian 笔记中的文字段落看起来如下面的截图中这样：

😃 启用了自定义 CSS 样式代码后，文字段落之间的区隔如下图所示：





创建日期: 2023年06月18日 11:05