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>
发表评论