Markdown语法

来源:互联网 发布:array JS 编辑:程序博客网 时间:2024/06/09 18:54

事实上,在Markdown原生语法的基础上,还有一些衍生的语法,例如之前我在另一篇博客《Markdown标记语言》中介绍的Ulysses编辑器的Markdown语法、GitHub风格的Markdown语法,不用担心,他们也大同小异。下面介绍的是常用的Markdown语法及其显示效果,几分钟你就可以掌握这世界上流行的文本标记语言。



一、标题:

行首插入1~6个 # ,标题字体由大到小。等同HTML的h1~h6。(注意:以后添加语法符号之后都需要添加一个空格)

# Header 1
## Header 2
### Header 3
#### Header 4
##### Header 5
###### Header 6

显示效果:

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6



二、文本样式:
(实际上,带“*”星号的文本样式,在原版Markdown标准语法中不存在,但在其大部分衍生标准中被添加)

链接: [](URL)
实例:[FatliTalk](http://blog.csdn.net/fatlitalk)
显示效果:FatliTalk


加粗:(2个星号)
实例:**Bold**
显示效果: Bold


斜体字:(1个星号)
实例:*Italics*
显示效果: Italics


无序列表(“ - ”或者“ * ”):
- 无序列表1
- 无序列表2
- 无序列表3

显示效果:

  • 无序列表1
  • 无序列表2
  • 无序列表3


有序列表(“阿拉伯数字+点”):
1. 有序列表1
2. 有序列表2
3. 有序列表3

显示效果:

  1. 有序列表1
  2. 有序列表2
  3. 有序列表3



引用(大于号“>”):
> FatliTalk by 李庆权。
> FatliTalk——讨论关于技术,关于世界。

显示效果:

FatliTalk by 李庆权。
FatliTalk——讨论关于技术,关于世界。



换行符:一行结束时输入两个空格。



段落:段落之间空一行。



画水平线/分隔线(短横杠):—
显示效果:




三、插入图片:

语法: ![](URL)
语法比添加链接多了一个感叹号

![李庆权的GitHub头像](https://avatars3.githubusercontent.com/u/19491358?v=3&s=460)
显示效果:
李庆权的GitHub头像



四、插入代码:

内嵌代码,使用一个回勾号:“ ` ”(在键盘1键左边):

`alert(‘Hello World’);`
显示效果:

alert('Hello World');



插入代码块(介绍2种格式的插入代码块方式:标准Markdown语法、GitHub风格的Markdown语法)

标准 Markdown语法,使用缩进4个空格的方式(4点代表4空格):
····<header>
········<h1>{{title}}</h1>
····<header>

显示效果:

<header>    <h1>{{title}}</h1></header>  



GitHub风格的Markdown语法,使用三个回勾号:
´´´
<header>
    <h1>{{title}}</h1>
<header>
´´´
显示效果同上



五、转义字符:
语法:在Markdown语法符号前,添加反斜杠 “ \ ”。
如果我们需要输出的就是Markdown语法符号,就需要用到转义字符,例如:

\> FatliTalk by 李庆权。
\> FatliTalk——讨论关于技术,关于世界。

显示效果:
> FatliTalk by 李庆权。
> FatliTalk——讨论关于技术,关于世界。

0 0
原创粉丝点击