Markdown技巧学习

最新推荐文章于 2024-12-31 08:00:00 发布

原创最新推荐文章于 2024-12-31 08:00:00 发布 · 276 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#编辑器

编辑器使用专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了Markdown的使用技巧，包括如何添加注脚、数学公式、甘特图、UML图、Mermaid流程图、Flowchart流程图以及classDiagram类图，是Markdown编辑器使用者的实用教程。

Markdown技巧学习

文章目录

- Markdown技巧学习

目录语法

@[TOC](这里写目录标题)

1.注脚

使用[^i]前后使用两个，第一个是链接，第二个是注脚说明内容。
注脚自动放在文档底部。

一个具有注脚的文本。¹
注脚二：²

注释

注释使用*[需注释的文本]: 对注释的说明
鼠标放置在文本上面会显示注释的说明。对全文所有匹配的内容起作用。

Markdown将文本转换为 HTML。

数学公式

参考文档

Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ 是通过 Euler integral

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

插入甘特图

各类图形的代码以```mermaid开头，以```结束。说明中不再带最后的结束符。
参考文档

```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

插入UML图

参考文档

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

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

插入Mermaid流程图

参考文档

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

插入Flowchart流程图

参考文档

```mermaid
flowchat
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认？

st->op->cond
cond(yes)->e
cond(no)->op

插入classDiagram类图

参考文档

```mermaid
classDiagram
    Class01 <|-- AveryLongClass : Cool
    <<interface>> Class01
    Class09 --> C2 : Where am i?
    Class09 --* C3
    Class09 --|> Class07
    Class07 : equals()
    Class07 : Object[] elementData
    Class01 : size()
    Class01 : int chimp
    Class01 : int gorilla
    class Class10 {
        >>service>>
        int id
        size()
    }

注脚的解释 ↩︎
jlkjlkdff ↩︎