Blogger Information
Blog 2
fans 0
comment 0
visits 1189
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
Markdown基本语法解析
方劭
Original
644 people have browsed it

Markdown基本语法

Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定格式。

一、标题

在想要设置为标题的文字前面加#来表示
一个#是一级标题,二个#是二级标题,以此类推,最多支持六级标题。
注:标准语法一般在#后跟一个空格再写文字

示例:

  1. # 这是一级标题
  2. ## 这是二级标题
  3. ### 这是三级标题
  4. #### 这是四级标题
  5. ##### 这是五级标题
  6. ###### 这是六级标题

效果如下:

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题

二、字体

  • 加粗
    要加粗的文字左右分别用两个*号包起来
  • 斜体
    要倾斜的文字左右分别用一个*号包起来
  • 斜体加粗
    要倾斜和加粗的文字左右分别用三个*号包起来
  • 删除线
    要加删除线的文字左右分别用两个~~号包起来

示例:

  1. **这是加粗的文字**
  2. *这是倾斜的文字*
  3. ***这是斜体加粗的文字***
  4. ~~这是加删除线的文字~~

效果如下:

这是加粗的文字
这是倾斜的文字
这是斜体加粗的文字
这是加删除线的文字


三、引用

在引用的文字前加>即可,引用也可以嵌套,如加两个>>三个>>>
n个>…
貌似可以一直加下去,但没神马卵用

示例:

  1. >这是引用的内容
  2. >>这是引用的内容
  3. >>>>>>>这是引用的内容

效果如下:

这是引用的内容

这是引用的内容

这是引用的内容


四、分割线

三个或三个以上的-或者*都可以

示例:

  1. ---
  2. -----
  3. ***
  4. *****

效果如下:

可以看到,显示效果是的





五、图片

语法:

  1. ![图片alt](图片地址"图片title")
  2. 图片alt就是显示在图片下面的文字,相当于对图片内容的解释。
  3. 图片title是图片的标题,当鼠标移到图片上时显示的内容,title可加可不加

示例:

  1. ![显示在图片下面的文字](https://img.php.cn/upload/article/000/000/001/6034a327aef30703.png "鼠标移到图片上时显示的内容")

效果如下:
显示在图片下面的文字

  • 不知道为什么[]里面的文字‘显示在图片下面的文字’这几个字没有显示出来,还望老师指导一下

六、超链接

语法:

  1. [超链接名](超链接地址"超链接title")
  2. title可加可不加

示例:

  1. [PHP中文网](https://www.php.cn/ "鼠标移到超链接名上显示的文字")

效果如下:

PHP中文网


七、列表

无序列表

语法:
无序列表用-+*任何一种都可以

  1. - 列表内容
  2. + 列表内容
  3. * 列表内容
  4. 注意:-+*跟内容之间都要有一个空格

效果如下:

  • 列表内容
  • 列表内容
  • 列表内容

有序列表

语法:
数字加点

  1. 1. 列表内容
  2. 2. 列表内容
  3. 3. 列表内容
  4. 注意:序号跟内容之间要有空格

效果如下:

  1. 列表内容
  2. 列表内容
  3. 列表内容

列表嵌套

上一级和下一级之间敲三个空格即可

  • 一级无序列表内容

    • 二级无序列表内容
    • 二级无序列表内容
      -二级无序列表内容
  • 一级无序列表内容

    1. 二级有序列表内容
    2. 二级有序列表内容
    3. 二级有序列表内容
  1. 一级有序列表内容

    • 二级无序列表内容
    • 二级无序列表内容
    • 二级无序列表内容
  2. 一级有序列表内容

    1. 二级有序列表内容
    2. 二级有序列表内容
    3. 二级有序列表内容

八、表格

语法:

  1. 表头|表头|表头|
  2. ---|---|---|
  3. 内容|内容|内容|
  4. 内容|内容|内容|
  5. 第二行分割表头和内容
  6. - 有一个就行,为了对齐,可以多加几个
  7. 文字默认居左
  8. -两边加: 表示文字居中
  9. -右边加: 表示文字居右
  10. 注:原生的语法两边都要用|包起来,此处省略了

示例:

  1. 姓名|技能|排行
  2. --|:--:|--:
  3. 刘备|哭|大哥
  4. 关羽|打|二哥
  5. 张飞|骂|三弟

效果如下:

姓名 技能 排行
刘备 大哥
关羽 二哥
张飞 三弟

九、代码

语法:
单行代码:代码之间分别用一个反引号包起来

  1. `代码`

代码块:代码之间分别用三个反引号包起来,且两边的反引号单独占一行

  1. (```)
  2. 代码···
  3. 代码···
  4. 代码···
  5. (```)

注:为了防止转译,前后三个反引号处加了小括号,实际是没有的,这里只是用来演示,实际中去掉两边小括号即可

示例:
单行代码

  1. `create database hero;`

代码块:

  1. (```)
  2. function fun(){
  3. echo"这是一句非常牛逼的代码";
  4. }
  5. fun();
  6. (```)

效果如下:
单行代码:
create database hero;
代码块:

  1. function fun(){
  2. echo"这是一句非常牛逼的代码";
  3. }
  4. fun();

十、流程图

  1. ```flow
  2. st=>start: 开始
  3. op=>operation: My Operation
  4. cond=>condition: Yes or No?
  5. e=>end
  6. st->op->cond
  7. cond(yes)->e
  8. cond(no)->op

效果如下:

Created with Raphaël 2.1.2开始My OperationYes or No?Endyesno

Correction status:Uncorrected

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post