美文网首页干货分享每天写1000字工具癖
Markdown编辑器有哪些玩法?

Markdown编辑器有哪些玩法?

作者: Mr绍君 | 来源:发表于2016-10-01 17:22 被阅读428次

如今越来越多的人喜欢用Markdown来写作。因为相比于富文本和word来说,Markdown更简单,排版更方便,可读性更高,我们只要花3分钟记住几个常用的标记就可以很方便的使用Markdown。

那么,什么是Markdown呢?Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。虽然Markdown是一种标记语言,但它的语法却很简单,常用的标记符号加起来也不超过十个。

对Markdown有了一个大概的认识之后,我们花3分钟来看看Markdown有哪些玩法?

1.标题

Markdown支持两种标题语法。一种是行首插入 1 到 6 个 # ,对应到标题 1 到 6 阶,1阶为最大,6阶最小。比如<pre>
<code>#这是h1,最大</code>

这是h1,最大

<code>######这是h6,最大</code>

这是h6,最小</pre>

注意#只能放在行首,否则不会显示标题,只做正常文本处理。

另外一种语法是用 = (最高阶标题)和 - (第二阶标题)来表示,这种表示方法只有两阶,而且要两个以上才有效果,比如说我要做一个最高阶的标题,那么就要在文字下一行,打上两个=,可以多但不能少。比如
<pre>
这是最高阶,最大
<code>===============</code>
这是最高阶,最大
===============
这是第二阶
<code>----------</code>
这是第二阶


</pre>

这种办法虽然不如第一种方便,但是在编辑过程中却十分直观,符合我们的编辑习惯,在标题下面有一条横线分隔开。

2.引用

在Markdown中的引用方式为,在首行插入>符号。比如我输入:>这是引用,下面为效果图。

这是引用

在引用中,引用的效果从>后面开始,一直到换行结束。所以,如果想结束引用需要换行书写。

同时在引用中也支持其他Markdown语法,比如可以在引用中添加多级引用,添加标题,添加列表……

添加一个标题

  1. 在标题下面添加列表
  2. 在标题下面添加列表
  3. 在标题下面添加列表
    <code>还可以添加代码块</code>

3.列表

Markdown 支持有序列表和无序列表。无序列表使用星号、加号或是减号作为列表标记:

  • 这是*列表
  • 这是+列表
  • 这是-列表

有序列表,则是在文字之前插入数字加英文的符号句号作为列表标记。
比如我输入18. 我是第18位,我们来看一下效果。

我们发现18自动变成了1,不管我们前面的数字是多少,只要是数字,就会自动变成1,2,3自动排序。

4.代码区块

对于程序员而言,他们希望和程序相关的写作或是标签语言原始码是以代码形式书写的,而不是以一般段落文件的方式去排版。在Markdown 中用pre 和 code 标签来把代码区块包起来。比如我们写一段文字,加上pre和code,我们看看效果。



p是html的一个标签,在Markdown中也适用。在文字面前加p,会自动换行,而且P的长度就是以行为单位,所以,P标签后面的文本也会自动换行。我们来看一下效果。

<p>这是一个普通段落</p><pre> <code>这是一个代码区块</code>
</pre>

在 Markdown 中建立代码区块也很简单,只要简单地缩进 4 个空格或是 2个制表符就可以。比如我们写:这是一个代码区块,然后给这句话首行空四个空格。

这是一个代码区块

5.强调

Markdown 使用星号(*)和底线( _ )作为标记强调字词的符号,被 * 或 _ 包围的字词会将字词变成斜体,而被两个*或者_标记的字词会将文字加粗。

那么,我们要打正常的*怎么办呢?比如我们要输入一句话:*两边都有个星号*
其实也很简单,我们只要在两个*号之前加反斜杠就能正常打出星号。

6.链接

Markdown 支持以比较简短的自动链接形式来处理网址和电子邮件信箱,只要是用尖括号包起来, Markdown 就会自动把它转成链接。例如:


对于程序员而言,这个效果就等于a标签

除了自动连接形式,Markdown支持两种两种形式的链接语法: 行内式和参考式两种形式。我们先来看行内式:

1.行内式
要建立一个行内式的链接,只要在方块括号后面紧接着圆括号并插入网址链接即可,如果你还想要加上链接的 title 文字,只要在网址后面,用双引号把 title 文字包起来即可,例如:

如果我们要链接到同样主机的资源,就可以使用相对路径,比如我要链接到简书上的其他页面,就可以用相对路径。

我们先来看看相对路径从哪里来的。



在文章后面的数字就是相对路径。把它放到链接里面就行。

2.参考式
参考式的链接是在链接文字的括号后面再接上另一个方括号,而在第二个方括号里面要填入用以辨识链接的标记:比如


而且,右边方括号内的id可以在任意一个地方定义。

7.图片

图片的链接方式跟网址的链接方式类似,图片也有两种链接方式,也分行内式和参考式。而图片的链接方式比网址链接在前面多了一个!。
比如:


同理,图片也有参考式,语法与网址相同,这里不再重复。

如果你从头看完了这三面的7个部分,那么恭喜你,你现在已经可以熟练使用Markdown了。

相关文章

  • Markdown编辑器有哪些玩法?

    如今越来越多的人喜欢用Markdown来写作。因为相比于富文本和word来说,Markdown更简单,排版更方便,...

  • Markdown常用语法

    Markdown语法 1.什么是markdow 2.有哪些好用的Markdown编辑器 3.常用的语法 标题(# ...

  • DAY1

    Markdown练习 Markdown编辑器切换 点击左下角设置-默认编辑器-Markdown编辑器即可切换,注意...

  • 搞定markdown,这一篇就够了

    MaHua是什么? 一个在线编辑markdown文档的编辑器 MaHua有哪些功能? 方便的导入导出功能 直接把一...

  • markdown语法

    markdown编辑器 欢迎使用Markdown编辑器 你好! 这是你第一次使用 Markdown编辑器 所展示的...

  • MarkDown编辑器的姿势大全

    MarkDown编辑器的姿势大全 欢迎使用Markdown编辑器 你好! 这是你第一次使用 Markdown编辑器...

  • markdown写作和排版

    设置-默认编辑器-Markdown编辑器 markdown的语法 标题 这是最为常用的格式,在 Markdown ...

  • 找到方法之后, Markdown 编辑器真的很好用

    如果是在手机上使用 Markdown 编辑器的话,在编辑器的最下方,是有很多符号的,这些符号让 Markdown ...

  • 简书中Markdown的用法

    简书中如何使用Markdown编辑器 然后 Tips:将编辑器改成Markdown后,一定要新建 markdown...

  • Markdown 语法入门

    认识markdown Markdown 是一种用来写作的轻量级「标记语言」,支持 Markdown 语法的编辑器有...

网友评论

    本文标题:Markdown编辑器有哪些玩法?

    本文链接:https://www.haomeiwen.com/subject/bvyryttx.html