如何在Markdown中创建水平线(使用hexo框架)

69
我正在使用hexo框架,尝试在我的 .md 文件中添加 "---" 或 "***" 来显示水平线,但没有效果。
我还尝试在 _config.yml 文件中启用 gfm markdown:
marked: gfm: true pedantic: false sanitize: false tables: true breaks: true smartLists: true smartypants: true modifyAnchors: '' autolink: true 有什么提示吗?或者有没有一种方法可以嵌入HTML标记到文章中?

1
<hr/> 应该在大多数 Markdown 编辑器中有效。 - Stephen Thomas
无法正常工作。我正在使用一个 markdown 渲染器(hexo-renderer-marked),但似乎 HTML 标签无法在我的文章中呈现。 - Joan
1
你有检查过HTML输出吗?也许hr标签在那里,但由于某些CSS规则而没有显示出来。使用浏览器的“查看源代码”功能来确认hr标签是否在输出中。 - Waylan
4个回答

96

---单独一行对我有效。

我正在使用Icarus主题,它将分隔线显示为虚线:

输入图片说明

正如@Waylan评论的那样,您的CSS规则可能会阻止您的横线显示。

我还发现在---行之前加上一个<br>行可以防止横线显示。


48

三个短横线---需要在前后留有空行才能生效,例如:


---

因此,在Markdown中产生实线。

14

我知道这篇文章有些老旧,但是对于任何遇到此问题的人来说,解决方法是使用三个下划线而不是三个破折号。

___---的区别:


1
我也不得不这样做,因为md文件无法处理多个--- - CloudEmber
谢谢!两种方法都适用于我使用jekyll,但是在vscode上使用破折号时存在格式问题,因为格式化程序将三个破折号视为前置内容部分的开始。 - Pizaranha

6

我知道这已经很老了,但是我想在Markdown中添加一件事情。如果您在段落后面放置没有新行的水平线,就像这样:

This is text! <!--No new line after paragraph-->
---

输出结果将会是:

这是文本!


文本将会被加粗。

为了创建一条水平线,你需要在段落和
--- 之间插入一个新行,像这样:

This text is also text! <!-- New line here... -->

---

This is separated text! <!-- ... and new line here. -->

在Markdown中,这样写:


这段文字也是文本!


这是分开的文本!


创建一条水平线。谢谢! - ktm5124

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接