如何优雅的写Markdown

news/发布时间2024/5/17 9:55:44

一,基本用法

1.引用

写法:

> 第一个引用
>> 这事第二个引用
>>> 这是第三级引用

效果如下:

第一个引用

这事第二个引用

这是第三级引用

2.链接

写法:

[这是百度的地址](http://www.baidu.com)格式:
[name](url)

效果:

这是百度的地址

3.表格

表格使用|来分割不同的单元格,使用-来分隔表头和其他行

  • :-:将表头及单元格内容左对齐
  • -::将表头及单元格内容右对齐
  • :-::将表头及单元格内容居中

写法:

| 项目        | 价格   |  数量  |
| --------   | -----:  | :----:  |
| 计算机     | \$1600 |   5     |
| 手机        |   \$12   |   12   |
| 管线        |    \$1    |  234  |

效果:

项目 价格 数量
计算机 $1600 5
手机 $12 12
管线 $1 234

4.脚注

使用 Markdown[1]可以效率的书写文档, 直接转换成 HTML[2], 你可以使用 Typora[3] 编辑器进行书写。

脚注自动被搬运到最后面,请到文章末尾查看,并且脚注后方的链接可以直接跳转回到加注的地方。

二,高级用法

1.待办事件

写法:

- [ ] 支持以 PDF 格式导出文稿
- [ ] 改进 Cmd 渲染算法,使用局部渲染技术提高渲染效率
- [x] 新增 Todo 列表功能

效果:

2.书写公式

前提打开Typora以下选项

image-20240409001434620

写法:(单行的)

$$E=mc^2$$

效果:

image-20240409011400431

写法二:(多行)

$$
E = mc^2
$$

效果:

image-20240409010655794

3.上下标的写法

在$$外:

x^2^ 
x~2~

x2
x1

4.分数的写法

$$
\frac{2}{3}
\frac{x+1}{y+1}
\frac{x^2}{x^y}
$$

效果:

image-20240409010728959

5.流程图的写法

写法:

```flow
st=>start: Start:>https://www.zybuluo.com
io=>inputoutput: verification
op=>operation: Your Operation
cond=>condition: Yes or No?
sub=>subroutine: Your Subroutine
e=>endst->io->op->cond
cond(yes)->e
cond(no)->sub->io
```

效果:

image-20240409010753002

可参考: 流程图语法参考

6.甘特图

写法:

```mermaidgantttitle 项目开发流程section 项目确定需求分析       :a1, 2016-06-22, 3d可行性报告     :after a1, 5d概念验证       : 5dsection 项目实施概要设计      :2016-07-05  , 5d详细设计      :2016-07-08, 10d编码          :2016-07-15, 10d测试          :2016-07-22, 5dsection 发布验收发布: 2d验收: 3d
```

效果:

gantttitle 项目开发流程section 项目确定需求分析 :a1, 2016-06-22, 3d可行性报告 :after a1, 5d概念验证 : 5dsection 项目实施概要设计 :2016-07-05 , 5d详细设计 :2016-07-08, 10d编码 :2016-07-15, 10d测试 :2016-07-22, 5dsection 发布验收发布: 2d验收: 3d

其他图:

$$
\begin{Bmatrix}a & b \\c & d
\end{Bmatrix}
$$
$$
\begin{CD}A @>a>> B \\
@VbVV @AAcA \\C @= D
\end{CD}
$$

image-20240409010850650

```mermaid
graph LR
A[方形] -->B(圆角)B --> C{条件a}C -->|a=1| D[结果1]C -->|a=2| E[结果2]F[横向流程图]
```
graph LR A[方形] -->B(圆角)B --> C{条件a}C -->|a=1| D[结果1]C -->|a=2| E[结果2]F[横向流程图]
```sequence
对象A->对象B: 对象B你好吗?(请求)
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象A->对象B: 你真的好吗?
```

image-20240409010931072

```sequence
Title: 标题:复杂使用
对象A->对象B: 对象B你好吗?(请求)
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象B->小三: 你好吗
小三-->>对象A: 对象B找我了
对象A->对象B: 你真的好吗?
Note over 小三,对象B: 我们是朋友
participant C
Note right of C: 没人陪我玩
```

image-20240409010947573

7.嵌套html

嵌套文字写法:

<font face="楷体" color=#00ffff size=5>改变文字格式</font>

效果:

改变文字格式

桥套框架写法:

<iframe src="https://player.bilibili.com/player.html?cid=99269782&aid=56824180&page=1&as_wide=1&high_quality=1&danmaku=0"allowfullscreen="allowfullscreen" width="100%" height="500" scrolling="no" frameborder="0" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"></iframe>

效果:

markdown可以好的嵌套html,请尽情的挥毫ba~~

9.其他公式

①高亮

==高亮== 

高亮

②根号

\sqrt{4}
\sqrt[3]{4}
\sqrt[8]{x+y}\sqrt[4]{[(4+x)-y]}

image-20240409011040682

数学符号:

\not= 不等于 \\
\approx 约等于\\
\leq 下雨等于  \\ 
\geq  大于等于  \\
\times  乘法 \\
\div 除号  \\
\pm  正负号 \\
\sum^1_i  求和符号  \\
\sum^k_i  求和符号  \\
\prod_2^1 类乘  \\
\coprod_i^k  累除 \\ \overline{1+2+3+...+n}  \\sinx \\ 
180^\circ  \\
\sin x
\sin \pi  \\
\tan x  \\ 
\infty  \\
\int^2_0  \\
\iint \\
\iiint \\
\lim_{x->0} \\
\in  \\
\notin \\ 
\supset \\
\supseteq \\
\bigcap  \\
\bigcup  \\\log_{10} \\
\alpha  \\
\beta  \\
\gamma  \\
\delta \\
\eta  \\
\omega \\
\theta  \\
\sigma  \\
\mu  \\
\epsilon \\\int^1_0x^2dx\lim_{n\rightarrow+\infty}\frac{1}{n}  \\
\lim_{n\leftarrow\infty}  \\\sum_1^nf(x) = \frac{1}{x_1} + \frac{1}{x_2} +\cdots + \frac{1}{x_n}

image-20240409011111467

image-20240409011133172

image-20240409011144743

image-20240409011157665

更深入了解:

Cmd Markdown 编辑阅读器 - 作业部落出品 (zybuluo.com)


  1. Markdown是一种纯文本标记语言 ↩︎

  2. HyperText Markup Language 超文本标记语言 ↩︎

  3. NEW WAY TO READ & WRITE MARKDOWN. ↩︎

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.ulsteruni.cn/article/33216100.html

如若内容造成侵权/违法违规/事实不符,请联系编程大学网进行投诉反馈email:xxxxxxxx@qq.com,一经查实,立即删除!

相关文章

基于深度学习的海洋鱼类识别算法matlab仿真

1.算法运行效果图预览 2.算法运行软件版本 MATLAB2022a3.算法理论概述深度学习在海洋鱼类识别中常采用卷积神经网络(Convolutional Neural Networks, CNNs)。CNN由多个层级组成,包括卷积层、池化层、全连接层以及分类层。典型流程如下:训练CNN的过程涉及前向传播、损失计算…

2-44. 设置鼠标指针根据物品调整

下载好看的鼠标图片修改 Canvas 的 Tag添加 Cursor Image添加 CursorManager把 Cursor Image 放到第一个位置编辑 CursorManager让虚拟鼠标跟随鼠标移动鼠标的尖点不是虚拟鼠标的尖点,需要用 aseprite 修改图片然后将鼠标的锚点切换为下图所示的锚点坐标即可另外还可以使用 Sp…

国土空间基础信息平台:构筑智慧国土的数字化基石

国土空间是国家发展的重要基础,是支撑经济社会可持续发展的关键资源。随着信息技术的飞速发展,如何高效、科学地管理和利用国土空间资源,已成为摆在我们面前的一项重要任务。在这样的背景下,“国土空间基础信息平台”应运而生,成为构筑智慧国土的数字化基石。国土空间基础…

流程引擎

低代码8大能力引擎 – 流程引擎 项造营流程引擎为自主研发,遵循WFMC/BPMN2.0的规范,可以将企业流程固化,提高员工的工作质量和效率,支持跨部门协同作业,提升组织管理能力,从而降低企业管理成本,并形成流程数据资产,加速企业数字化转型。 构建企业流程平台 黑巢科技流程…

Redis的未来

Redis 取得了巨大的成功,这要归功于我们开发者社区的支持和整个 Redis 团队的辛勤工作。作为一家由开发人员为开发人员构建的公司,我们不断从我们的生态系统中寻求反馈,以了解如何改进和添加新功能。 那么,我们听到了什么,我们未来的规划是怎样的? 简化 Redis 体验 首先,…