Markdown

标题H1、H2、H3、H4、H5、H6使用方法

依次类推,标题基本是由 # 空格加文字或emoji组成,如 # 文字# emoji。这里要注意#符号后要追加 按一次空格键,这是H1标题的方法;

其次,标题H1、H2、H3、H4、H5、H6的实现方法就是标题几号就是几个#,如标题H6则是###### 标题。具体的表现结果,如下列标题H4、H5、H6展示:

标题H4

标题H5
标题H6

字符效果和横线等

横线

需要一根横线,可另一起行输入四个-,效果如下展示:


删除线

需要删除线,可在需要演示陈删除内容的前后输入两个~~,但在开启识别HTML标签时,则需要使用<s>...</s>的方式,效果如下:

使用的 ~~...~~~

删除线

使用的 <s>...</s>

删除线(开启识别HTML标签时)

斜体字

使用方法:*斜体字*_斜体字_

我是示例 我是示例

粗体字

使用方法:**粗体**__粗体__

我是示例 我是示例

粗斜体

使用方法:***我是示例***___我是示例___

我是示例 我是示例

上下标

使用方法:<sup>上</sup>懋<sub>下</sub>和李大善人

和李大善人


各种提示框

  1. ::: tip
  2. 这是一个提示
  3. :::
  4. ::: warning
  5. 这是一个警告
  6. :::
  7. ::: danger
  8. 这是一个危险警告
  9. :::
  10. ::: details
  11. 这是一个 details 标签,在 IE / Edge 中不生效
  12. :::

::: tip 这是一个提示 :::

::: warning 这是一个警告 :::

::: danger 这是一个危险警告 :::

::: details 这是一个 details 标签,在 IE / Edge 中不生效 :::

引用 Blockquotes

使用方法

直接在需要变为引用的段落前部加符号 > 即可。

引用示例

注意:如果想要插入空白换行即<br />标签,在插入处先键入两个以上的空格然后回车即可。

锚点与链接 Links

普通连接

方法:[普通链接](https://www.xiudaohu.cn)

普通链接

带标题链接

方法:[普通链接带标题](https://www.xiudaohu.cn "普通链接带标题")

普通链接带标题

直接链接

方法:<https://www.xiudaohu.cn>

https://www.xiudaohu.cn

邮箱链接

方法:[mailto:wulintang@ccwadj.cn](mailto:twulintang@ccwadj.cn)

mailto:wulintang@ccwadj.cn

多语言代码高亮 Codes

行内代码 Inline code

行内代码使用方法

直接把需要高亮的区域加上键盘内backtick键开头及结尾(也就是英文的重音符,在键盘tab键上方,切换为英文,“ ` ”),开头结尾只需要各加一次重音符号。

行内代码示例

行内代码高亮:此处为高亮

插入代码方法

插入代码与行内代码的方法基本略似,只不过就是把开头结尾的重音符号从一次变更为各三次。

三个英文重音符号``` 加代码语言开头,如```html

另起一行,代码区域

三个英文重音符号``` 结尾,如```

JS代码示例
  1. function test() {
  2. console.log("Hello world!");
  3. }
HTML代码示例
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <mate charest="utf-8" />
  5. <meta name="keywords" content="Editor.md, Markdown, Editor" />
  6. <title>Hello world!</title>
  7. <style type="text/css">
  8. body{font-size:14px;color:#444;font-family: "Microsoft Yahei", Tahoma, "Hiragino Sans GB", Arial;background:#fff;}
  9. ul{list-style: none;}
  10. img{border:none;vertical-align: middle;}
  11. </style>
  12. </head>
  13. <body>
  14. <h1 class="text-xxl">Hello world!</h1>
  15. <p class="text-green">Plain text</p>
  16. </body>
  17. </html>

图片 Images

插入图片

  1. ![图片alt](图片URL "图片title")

图片示例

图片示例

图片加链接 (Image + Link):

  1. [![图片alt](图片URL)](链接URL "图片title")

图片加链接示例

图片加链接示例


绘制表格 Tables

普通表格使用方法

  1. | 普通表格 | 居中展示 | 居右展示 | 居左展示 |
  2. | ------ | :------: | ------: | :------ |
  3. | 普通表格 | 居中 | 居右 |居左 |
  4. | 普通表格 | 居中 | 居右 |居左 |
  5. | 普通表格 | 居中 | 居右 |居左 |

普通表格展示

普通表格 居中展示 居右展示 居左展示
普通表格 居中 居右 居左
普通表格 居中 居右 居左
普通表格 居中 居右 居左

表格内高亮

高亮的配置方法如 https://www.xiudaohu.cn/read/help/Markdown#fauf0o,表格内高亮类似。

  1. | 普通表格 | 居中展示 | 居右展示 | 居左展示 |
  2. | ------ | :------: | ------: | :------ |
  3. | 普通表格 | 居中 | `高亮` |居左 |
  4. | 普通表格 | `高亮` | 居右 |居左 |
  5. | `高亮` | 居中 | 居右 |`高亮` |

表格内高亮展示

普通表格 居中展示 居右展示 居左展示
普通表格 居中 高亮 居左
普通表格 高亮 居右 居左
高亮 居中 居右 高亮

表格内加粗

加粗的配置方法如 https://www.xiudaohu.cn/read/help/Markdown#bjsynx,表格内加粗类似。

  1. | 普通表格 | 居中展示 | 居右展示 | 居左展示 |
  2. | ------ | :------: | ------: | :------ |
  3. | 普通表格 | 居中 | **加粗** |居左 |
  4. | 普通表格 | **加粗** | 居右 |居左 |
  5. | **加粗** | 居中 | 居右 |**加粗** |

表格内加粗展示

普通表格 居中展示 居右展示 居左展示
普通表格 居中 加粗 居左
普通表格 加粗 居右 居左
加粗 居中 居右 加粗

表格内超链

  1. | 普通表格 | 居中展示 | 居右展示 | 居左展示 |
  2. | ------ | :------: | ------: | :------ |
  3. | 普通表格 | 居中 | [超链](https://www.xiudaohu.cn "超链的标题") |居左 |
  4. | 普通表格 | [超链](https://www.xiudaohu.cn "超链的标题") | 居右 |居左 |
  5. | [超链](https://www.xiudaohu.cn "超链的标题") | 居中 | 居右 |[超链](https://www.xiudaohu.cn "超链的标题") |

表格内超链展示

普通表格 居中展示 居右展示 居左展示
普通表格 居中 超链 居左
普通表格 超链 居右 居左
超链 居中 居右 超链

·表格第二行| ------ | :------: | ------: | :------ | 分别为无样式、居中、居右、居左。


Emoji表情

😀😁😂😃😄😅😆😉😊😋😎😍😘😗😙😚🙂🤗😇🤓🤔😐😑😶🙄😏😣😥😮🤐😯😪😫😴😌😛😜😝😒😓😔😕🙃🤑😲😷🤒🤕🙁😖😞😟😤😢😭😦😧😨😩😬😰😱

可通过emoji表情代码为文档增加乐趣。