在 Markdown (wiki) 中缩进子标题 (H1>H2>H3) 块？

Question

我正在寻找一种在 gitit wiki 中缩进子标题和文本块的方法

示例： git 示例

我不喜欢 H2 （及其文本块）与 H1 缩进相同，我希望 H2 明显是一个子块。

目前我还没有找到解决方案 - 但也许你知道一些“不错的技巧”:)

Answer 1

Markdown 和 HTML 都没有提供这种开箱即用的功能。当然，您始终可以定义一些 CSS 来按照您想要的方式设置 HTML 样式。问题是让 Markdown 输出正确的 HTML。例如，您似乎希望较低级别标题后面的段落与标题一起缩进。如何将这些段落与 CSS 中的更高级别标题区分开来？最简单的方法是将整个标题和子段落包装在<section>( 或<div>) 中，然后创建一个 CSS 规则来缩进整个部分。不幸的是，Markdown 不会输出此类部分，虽然您可以在 Markdown 中包含原始 HTML，但通常 Markdown 文本不会在原始 HTML 块内进行解析。如果你碰巧使用的 Markdown 解析器确实支持 HTML 内的 Markdown（你没有说），那么这样的事情应该可以工作：

<section class="level-1">
# Title H1
some text in p1 paragraph (under H1)
</section>

<section class="level-2">
## Title H2
some text in p2 paragraph (under H2)
</section>

添加一点 CSS 就可以了。也许：

.level-2 {
    padding-left: 5em;
}

然而，适用于任何 Markdown 实现的解决方案是将标题和段落嵌套到列表中，因为列表通常为您提供开箱即用的缩进：

*   # Title H1

    some text in p1 paragraph (under H1)

    *   ## Title H2

        some text in p2 paragraph (under H2)

它将呈现为：

• 标题 H1

  p1 段落中的一些文本（在 H1 下）

  • 标题 H2

    p2 段落中的一些文本（在 H2 下）

当然，然后你会得到子弹，你可能想要也可能不想要。如果您不想有任何项目符号，您将再次需要一些 CSS 来隐藏它们。也许：

ul {
    list-style: none;
}

当然，这将从文档中的所有列表中全局删除项目符号，您可能不希望这样做。