<a href="#_6">新的改变</a>    <a href="#_20">功能快捷键</a>    <a href="#_35">合理的创建标题，有助于目录的生成</a>    <a href="#_43">如何改变文本的样式</a>    <a href="#_84">插入链接与图片</a>    <a href="#_117">如何插入一段漂亮的代码片</a>    <a href="#_155">生成一个适合你的列表</a>    <a href="#_180">创建一个表格</a>    
 
  <a href="#_197">设定内容居中、居左、居右</a>      <a href="#SmartyPants_213">SmartyPants</a>         <a href="#_229">创建一个自定义列表</a>    <a href="#_247">如何创建一个注脚</a>    <a href="#_259">注释也是必不可少的</a>    <a href="#KaTeX_268">KaTeX数学公式</a>    <a href="#_289">甘特图</a>    <a href="#UML__318">UML 图表</a>    <a href="#Mermaid_347">流程图(Mermaid)</a>    <a href="#FLowchartjs_371">流程图(FLowchart.js)</a>    <a href="#_401">导出与导入</a>    
 
  <a href="#_403">导出</a>      <a href="#_406">导入</a>            

*强调文本* _强调文本_

**加粗文本** __加粗文本__

==标记文本==

~~删除文本~~

> 引用文本
> > 引用文本

H~2~O is是液体。

2^10^ 运算结果是 1024.

链接: [link](https://mp.csdn.net).

![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw?x-oss-process=image/format,png)

![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw?x-oss-process=image/format,png# =30x30)

![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw?x-oss-process=image/format,png#pic_center)

![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw?x-oss-process=image/format,png#pic_center =30x30)

@Test
public void testMatchReplaceAll() {
String s = “the quick brown fox jumps over the lazy dog.”;
String r = s.replaceAll("\s([a-z]{4})\s", " <b>$1</b> ");
System.out.println®;
}

   @Test
   public void testMatchReplaceAll() {
      String s = "the quick brown fox jumps over the lazy dog.";
      String r = s.replaceAll("\\s([a-z]{4})\\s", " <b>$1</b> ");
      System.out.println(r);
   }

// An highlighted block
var foo = ‘bar’;

// An highlighted block
var foo = 'bar';

- 项目
  - 项目
   - 项目

 项目         

1. 项目1
2. 项目2
3. 项目3

|项目    | Value|
|-------- | -----|
|电脑  | $1600|
|手机  | $12|
|导管  | $1|

| 第一列      | 第二列       | 第三列      |
|:-----------:| -------------:|:-------------|
| 第一列文本居中 | 第二列文本居右  | 第三列文本居左 | 

|   TYPE   |ASCII                    |HTML                   
|----------------|-------------------------------|-----------------------------|
|Single backticks|`'Isn't this fun?'`         |'Isn't this fun?'         |
|Quotes        |`"Isn't this fun?"`         |"Isn't this fun?"         |
|Dashes        |`-- is en-dash, --- is em-dash`|-- is en-dash, --- is em-dash|

Markdown
:  Text-to-HTML conversion tool

Authors
:  John
:  Luke

一个具有注脚的文本。[^2]

[^2]: 注脚的解释

Markdown将文本转换为 HTML。
*[HTML]:   超文本标记语言

Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall
n\in\mathbb N$ 是通过欧拉积分

$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$

···mermaid
gantt
      dateFormat  YYYY-MM-DD
      title Adding GANTT diagram functionality to mermaid
      section 现有任务
      已完成            :done,   des1, 2014-01-06,2014-01-08
      进行中            :active,  des2, 2014-01-09, 3d
      计划一            :       des3, after des2, 5d
      计划二            :       des4, after des3, 5d
···

···mermaid
sequenceDiagram
张三 ->> 李四: 你好！李四, 最近怎么样?
李四-->>王五: 你最近怎么样，王五？
李四--x 张三: 我很好，谢谢!
李四-x 王五: 我很好，谢谢!
Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.

李四-->>张三: 打量着王五...
张三->>王五: 很好... 王五, 你怎么样?
···

···mermaid
graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D{菱形}
C --> D
···