MarkDown编辑器使用

278 阅读4分钟

1. 标题

标题有两种格式:

    1. 使用=,-标记

image.png

    1. 使用#,##, ###, ####, #####,######后跟空格,代表h1-h6

image.png

2. 段落格式

段落没有特殊的格式,直接写文字,段落的换行是使用两个以上空格加上回车

image.png

2.1 字体

markdown有以下几种字体:

*斜体文本*  
_斜体文本_  
**粗体文本**  
__粗体文本__  
***粗斜体文本***  
___粗斜体文本___

2.2 分隔线

在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。

2.3 删除线

如果段落上的文字要添加删除线,只需要在文字的两端加上两个波浪线 ~~ 即可

例~baidu.com~

2.4 下划线

通过html的标签,例如

<u>给这段加上下划线</u>

2.5 脚注

脚注是对文本的补充说明,[^要注明的文本]

[^大甜菜]:加油哟~

3. 列表

无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记,这些标记后面要添加一个空格,然后再填写内容; 有序列表使用数字并加上 . 号来表示;

3.1 列表嵌套

列表嵌套只需在子列表中的选项前面添加四个空格即可 例如:

1. 第一项:
    - 第一项嵌套的第一个元素
    - 第一项嵌套的第二个元素
2. 第二项:
    - 第二项嵌套的第一个元素
    - 第二项嵌套的第二个元素

4. 区块

区块引用是在段落开头使用 > 符号 ,然后后面紧跟一个空格符号;
区块是可以嵌套的,一个 > 符号是最外层,两个 > 符号是第一层嵌套,以此类推;

5. 代码

如果是段落上的一个函数或片段的代码可以用反引号把它包起来(`)

例如: `printf()` 函数  

代码区块

代码区块使用 4 个空格或者一个制表符(Tab 键)  
也可以用 ``` 包裹一段代码,并指定一种语言(也可以不指定)

5. 链接

5.1 简单链接

链接名称

例如:[淘宝网](http://www.taobao.com)

或者 <链接地址>

<http://www.taobao.com>

5.2 高级链接

可以通过变量来设置一个链接,变量赋值在文档末尾进行

这个链接用 1 作为网址变量 [Google][1]
这个链接用 runoob 作为网址变量 [Runoob][runoob]
然后在文档的结尾为变量赋值(网址)

[1]: http://www.google.com/
[runoob]: http://www.runoob.com/

6. 图片

图片语法格式:

   ![alt 属性文本](图片地址)
    ![alt 属性文本](图片地址 "可选标题")

开头一个感叹号 !
接着一个方括号,里面放上图片的替代文字
接着一个普通括号,里面放上图片的网址,最后还可以用引号包住并加上选择性的 'title' 属性的文字。

高级格式:也可以像网址那样对图片网址使用变量

    这个链接用 1 作为网址变量 [RUNOOB][1].
    然后在文档的结尾为变量赋值(网址)
    
    [1]: http://static.runoob.com/images/runoob-logo.png

注意:Markdown 还没有办法指定图片的高度与宽度,如果你需要的话,你可以使用普通的 标签。

7. 表格

制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行

  |  表头   | 表头  |
  |  ----  | ----  |
  | 单元格  | 单元格 |
  | 单元格  | 单元格 |

表格对齐方式:

 ** -: **,设置内容和标题栏居右对齐。
  **:-**, 设置内容和标题栏居左对齐。
  **:-: **,设置内容和标题栏居中对齐。

8. 高级技巧

  1. 支持html元素,

    支持的 HTML 元素有:<kbd> <b> <i> <em> <sup> <sub> <br>等; 
    

2.使用了很多特殊符号来表示特定的意义,需要显示特定的符号则需要使用转义字符;
Markdown 使用反斜杠\转义特殊字符

   支持下面的符号前+反斜杠帮助插入普通的符号:
      \   反斜线
      `   反引号
      *   星号
      _   下划线
      {}  花括号
      []  方括号
      ()  小括号
      #   井字号
      +   加号
      -   减号
      .   英文句点
      !   感叹号

3. 插入公式 使用两个美元符 $$ 包裹 TeX 或 LaTeX 格式的数学公式来实现。提交后,问答和文章页会根据需要加载 Mathjax 对数学公式进行渲染,例如

image.png