Markdown用法记录

本文介绍了如何在CSDN博客中插入带细节的流程图,以及在VSCode中的不同用法。特别强调了Markdown语法中插入流程图的正确格式,包括`mermaid`语法和Raphaël库的使用,以及VSCode中连线样式的问题。
摘要由CSDN通过智能技术生成

上标

232^3^

下标

232~3~

上划线

上划线 ‾ \overline{\text{上划线}} 上划线$\overline{\text{上划线}}$

其中的\text{}是用来取消斜体字的,但这种斜体字只对英文有效.

上划线abc ‾ \overline{\text{上划线abc}} 上划线abc$\overline{\text{上划线abc}}$
上划线 a b c ‾ \overline{上划线abc} 上划线abc$\overline{上划线abc}$

插入流程图

CSDN中插入流程图和VSCODE中插入流程图有部分不同
CSDN写博客中插入流程图:

Created with Raphaël 2.3.0 开始 进行操作 进行判断 结束 操作2 yes no

代码为

```mermaid
flowchat
st=>start:开始
op1=>operation:进行操作
cond=>condition:进行判断
op2=>operation:操作2
e=>end: 结束

st->op1->cond
cond(yes) ->e
cond(no)->op2->e

其中有几个细节:

  1. 对于每一个流程框的定义,=>的前后不能有空格,也就是说st =>start是无效的,因为st和=>之间有空格,和start之间有空格也不行
  2. 对于:之后,必须要有空格. 也就是说st=>start:开始是无效的,因为开始和:之间没有空格
  3. =>是一个整体不能拆开,也不能添加任何东西==>是无效的

但如果将这段代码放在vscode中,并且预览,将出现以下内容:
在这里插入图片描述

在vscode中如果想要生成同样的流程图,代码如下

```mermaid
graph
st(开始)-->op1[进行操作]-->cond{进行判断}
cond--yes-->e(结束)
cond--no-->op2[操作2]-->e

预览效果如下:

在这里插入图片描述
这里的连线为曲线,不太好看,但是找不到什么方法将连线设置成折线,如果有大佬知道方法的话,请在评论区告知一二.

乘号

× \times ×$\times$

越等号

≈ \approx $\approx$

  • 10
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值