排版示例

Markdown 现在这么流行,并且确实提升写文章的效率,可读性很强,我也毫不犹豫的加入了 Markdown 的大军。在 Markdown 的基础上,借助HTML注释和插件的功能,对 Markdown 进行了一些扩展,使文章内容更漂亮,下面是一些 Demo。

Math Equation

Inline math equation: $a+b$

$$ \displaystyle \left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right) $$

Mermaid Diagrams

  graph TD;
  	A[Start] --> B{Is it?};
    B -->|Yes| C[OK];
    C --> D[Rethink];
    D --> B;
    B ---->|No| E[End];

超链接

超链接示例

[链接名称](链接地址)

徽章

徽章 徽章 徽章 徽章

<badge>徽章</badge>
<badge class="success">徽章</badge>
<badge class="warning">徽章</badge>
<badge class="danger">徽章</badge>

详情

标题 内容
<details open>
	<summary> 标题 </summary>
	内容
</details>

表格

序号 名称 内容
1 Spring Boot 快速搭建Web工程
2 Wordpress 主题和插件的开发
|  序号  |  名称  |  内容  |
| ------------ | ------------ | ------------ |
|  1  |  Spring Boot  |  快速搭建Web工程  |
|  2  |  Wordpress |  主题和插件的开发  |

引用:默认

这是默认引用

> 这是默认引用

引用:提示

Tip
这是提示引用

<success>

> **Tip**  
> 这是提示引用

</success>

引用:信息

Info
这是信息引用

<info>

> **Info**  
> 这是信息引用

</info>

引用:警告

Warning
这是警告引用

<warning>

> **Warning**
> 这是警告引用

</warning>

引用:危险

Danger
这是危险引用

<danger>

> **Danger**  
> 这是危险引用

</danger>

发表评论