内容
- 01.选择一个Markdown编辑器
- 02.设置标题
- 03.标记段落
- 04.设置换行符
- 05.标记强调
- 06.创建水平线
- 07.添加图像和链接
- 08.列出清单
- 09.添加内联代码和代码块
- 10.设置块引用的样式
- 11.嵌入内联HTML
作为网络开发人员和内容创建者，我们通常会花费大量时间来编写包裹在HTML代码中的文字。如果我们告诉您Markdown有更好的方法呢？您能够专注于写作而不是代码的一种方式？
Markdown是John Gruber和Aaron Swartz于2004年开发的纯文本，轻量级的标记语言。最初创建Markdown的目的是通过将纯文本文件转换为结构上有效的HTML或XHTML来简化XHTML / HTML的编写，Markdown可用于几乎所有类型的写作：手稿，教程，笔记，Web内容等等。
虽然相对简单，但Markdown刚入门时可能会有些吓人。但是，一旦掌握了这些要点，您就会很快意识到花了多少时间来格式化代码而不是键入内容。
01.选择一个Markdown编辑器
当您使用Markdown网络版时，了解您可能会遇到的基本语法和局限性很重要。在开始之前，您需要为您的站点使用某种类型的编辑器和解释器。或者，您可以在发布之前转换Markdown。
您可以选择几种编辑器。 Byword很棒，因为它提供了多种导出选项，包括HTML和PDF。另一个很好的选择是StackEdit –一个免费的在线Markdown编辑器。当然，任何纯文本编辑器都可以使用。
如果您不打算将Markdown转换为HTML，则可以为您的网站获取一个插件（或中断器）。对于WordPress，Jetpack对Markdown具有出色的支持，只要您启用该选项，Jetpack就可以在帖子和评论中直接使用Markdown。
像任何标记语言一样，Markdown具有自己的语法。注意：Markdown有许多不同的口味或品种。在本文中，我们将仅介绍常用的语法。
02.设置标题
在HTML中，有六种标题样式： 11, 22, 33, 44, 5天 和 66。要在Markdown中重新创建它们，请使用一系列井号标记（#）（与标题编号相对应）以及标题文本。例如，创建一个 h1> 标签，使用一个井号 #;为 h2> 标签，使用两个主题标签 ##;等等等等。
降价输入：
＃标题1 ##标题2 ###标题3 ####标题4 #####标题5 ######标题6
HTML输出：
h1>标题1 / h1> h2>标题2 / h2> h3>标题3 / h3> h4>标题4 / h4> h5>标题5 / h5> h6>标题6 / h6>
03.标记段落
段落由 > HTML中的标记。在Markdown中，它们之间用一个或多个空行分隔。像HTML一样，空格也被忽略。因此，如果您添加20行空白行，那么您仍然只会有一个段落。
降价输入：
敏捷的棕色狐狸跳过了懒狗。懒狗不在乎，因为他是懒狗。
HTML输出：
p>快速的棕色狐狸跳过了那只懒狗。/p> p>那只懒狗不在乎，因为他是一只懒狗。/p>
04.设置换行符
换行符，在HTML中以 br> 标记，使用单个换行符添加，前一行末尾有两个空格。
降价输入：
敏捷的棕色狐狸跳过了懒狗。
HTML输出：
05.标记强调
有两种方法可以增加文字的重点：斜体（em> 在HTML中）或粗体（强> 在HTML中）。
在Markdown中，您可以使用一个或两个星号（*）。您也可以使用下划线（_），但我坚持使用星号，因为Markdown的其他形式也将下划线用于其他用途。
降价输入：
*斜体文字 * * *粗体文字 * *
HTML输出：
em>斜体/ em>强>粗体/ strong>
注意：您还可以使用三个星号来创建粗体斜体文本： * * *粗体和斜体文本 * * *.
06.创建水平线
创建水平尺（或 hr> 在HTML中），请使用三个或多个连字符（---），星号（***）或等号（===）。您可以选择自己喜欢的一种，但是请确保在上方和下方都留有一个空行。
降价输入：
学习新事物总是很有趣。 - - 确实是！
HTML输出：
p>学习新事物总是很有趣。/p> hr> p>确定是！/ p>
07.添加图像和链接
在HTML中，使用 img> 标签和链接使用 一个> 标签。
在Markdown中，图片以感叹号（!），后跟方括号（[]）（“替换文字”）和括号（()）以获取图片的路径。您还可以在双引号（’’).
有了链接，除了没有感叹号外，几乎是一样的。
降价输入：
！[替代文字]（/ path / to / image.webp“可选标题”）[链接文本]（http://example.com“可选标题”）
注意：您也可以使用参考链接和图像，但此处未涉及。
HTML输出：
img src =“ / path / to / image.webp” alt =“替代文本” title =“可选标题” /> a href =“ http://example.com” title =“可选标题”>链接文本/ a >
08.列出清单
HTML中有两种类型的列表：有序的（ol>）和无序（ul>）。使用Markdown，将数字用于有序列表和星号（*）或连字号（-）（用于无序列表）。
降价输入：
1.项目1 2.项目2 *第一项目 *第二项目-第一项目-第二项目
HTML输出：
ol> li>物品1 / li> li>物品2 / li> / ol> ul> li>第一物品/ li> li>第二物品/ li> / ul> ul> li>第一物品/ li> li>第二项目/ li> / ul>
09.添加内联代码和代码块
当您使用HTML代码编写代码时，可以使用 代码> 标签;或使用 pre>代码> 组合。
在Markdown中，这些元素使用每侧的单个反引号（`）;或使用围栏样式，在代码块的上方和下方都包含三个反引号（```).
降价输入：
“ numberOfPoints”变量保存玩家的得分。如果player.wins {numberOfPoints + = 1}
HTML输出：
code> numberOfPoints / code>变量保存玩家的得分。 pre> code>如果player.wins {{numberOfPoints + = 1} / pre> / code>
10.设置块引用的样式
块引用是使用HTML在HTML中添加的 引用> 标签。在Markdown中，使用大于号（>）。
降价输入：
>这是我的引用。 >>这是同一blockquote的一部分。 >这是一个新的blockquote。
HTML输出：
blockquote> p>这是我的blockquote。/p> br> p>这是同一blockquote的一部分。/p> / blockquote> blockquote> p>这是新的blockquote。/p> / blockquote>
11.嵌入内联HTML
有时候，您需要创建不支持的HTML元素。例如，您可能需要一个 表格> 或者 div> 标签。
在这种情况下，您可以混合使用Markdown和HTML，但是有一些限制。例如，您不能在块级HTML标记中包含Markdown。
