Markdown速查笔记

Markdown速查笔记

目 录

[TOC]

Typora基本设置

偏好设置–通用

image-20210211193134673

偏好设置–图像

image-20210211193209920

偏好设置–Markdown

image-20210211193314543

​

Markdown快速入门

段落

Markdown 段落没有特殊的格式，直接编写文字就好，段落的换行是使用 ==两个以上空格== 加上回车，当然也可以在段落后面使用一个空行来表示重新开始一个段落。

标题

# 一级标题
## 二级标题
……
##### 最多六级标题

斜体

前后一个星号 *前后一个星号*

加粗

前后两个星号 **前后两个星号**

斜体加粗

斜体加粗 ***斜体加粗***

下划线

通过HTML语法实现 <u></u>

删除线

前后两个波浪号 ~~

高亮

==前后两个等于号== ==前后两个等于号==

上标

前后一个脱字符 面积 m^2^ 体积 m^3^

下标

前后一个波浪号 水 H2O 双氧水 H~2~O~2~

表情符号

冒号加单词再点选 :cow: :beer: :smile: :100:

:cow:	:beer:	:smile:	:100:

表格

用 | 分隔单元格，用==至少一个==的 - 分隔表头和其他行，最右侧不用写。但是直接用 Typora 插入表格更快。

name|age
-|-
a|10
b|15
c|20

效果 👇

name age
a 10
b 15
c 20

####对齐方式

看 : 与 - 的位置

left|middle|right
:-|:-:|-:
左对齐|居中|右对齐

效果 👇

left middle right
左对齐 居中 右对齐

引用

>引用
>>嵌套引用1
>>>嵌套引用2

效果 👇

引用

嵌套引用1

嵌套引用2

列表

无序列表

开头可以用 星号/加号/减号 任意一个作为标记，再按 空格

  • 可以用 *

  • 可以用 +

  • 也可以用 -

有序列表

  1. 开头输入 1.
  2. 再点 空格

任务列表

- [ ] 任务一 未做任务 `- + 空格 + [ ]`
- [x] 任务二 已做任务 `- + 空格 + [x]`

效果 👇

  • 任务一 未做任务 - + 空格 + [ ]
  • 任务二 已做任务 - + 空格 + [x]

代码

####代码区块

```语言名称

片段代码

`printf()`

分隔线

一行输入至少三个或更多的 * 、 - 或 _ 来添加

链接

超链接

[提示文字](http://www.markdown.cn/)

效果 👇

语法说明

描点链接

[提示文字](#要跳转到的文内标题)

效果 👇

跳转到Typora基本设置

自动链接

<http://example.com/>
<address@example.com>

效果 👇

http://example.com/
address@example.com

脚注

使用 Markdown[1]可以效率的书写文档, 直接转换成 HTML[2]。

文末底部需要引用

[1]可以效率的书写文档, 直接转换成 HTML[2]。


---

### 图片

#### 外链图片


![图片名称](网络地址)
![效果图](https://t7.baidu.com/it/u=2297475721,2514622225&fm=193&f=GIF)

效果图

本机图片

1.截屏：直接粘贴
2.绝对路径：![效果图](C:\Users\Administrator\Pictures\Camera Roll\1.1_meitu_1.jpg "大美女")
3.相对路径（同文档路径）：![效果图](1.1_meitu_1.jpg)

效果图

图表

mermaid 官方帮助文档

流程图

graph表示开始，同时需要制定具体流程
T=Top , B=Bottom , L=Left , R=Right , D=Down
常用为TB、LR
名称 流向 含义
TB top to bottom 从上到下
TD top-down/ same as top to bottom 自顶向下/从上至下相同
BT bottom to top 从下到上
RL right to left 从右到左
LR left to right 从左到右

image-20210211173539589

效果 👇

graph LR;
   A-->B
   B-->C
   C-->D
   D-->A
节点
标识 节点样式 含义
id(文字) 圆角矩形节点 端点或中断，表示开始和结束
id[文字] 矩形节点 进程，表示要执行的处理
id{文字} 菱形节点 判断，表示决策
id((文字)) 圆形节点 联系，不同进程的交叉引用
id>文字] 右向旗帜状节点 
```mermaid
graph TB;
   subgraph 下班以后要做的事情
      getOffWork(下班)-->buy[一斤包子]
   end
   buy-->isSeeWatermelon{"如果看见了西瓜?"}
   isSeeWatermelon-->|看见了|buyWatermelon[买2个西瓜]-->goHome(回家)
   isSeeWatermelon--没看见-->goHome(回家)
​```
graph TB;
   subgraph 下班以后要做的事情
      getOffWork(下班)-->buy[一斤包子]
   end
   buy-->isSeeWatermelon{"如果看见了西瓜?"}
   isSeeWatermelon-->|看见了|buyWatermelon[买2个西瓜]-->goHome(回家)
   isSeeWatermelon--没看见-->goHome(回家)
连接线
graph TB
   A1-->B1
   A2---B2
   A3--text---B3
   A4--text-->B4
   A5-.-B5
   A6-.->B6
   A7-.text.-B7
   A8-.text.->B8
   A9===B9
   A10==>B10
   A11==text===B11
   A12==text==>B12
graph TB
   A1-->B1
   A2---B2
   A3--text---B3
   A4--text-->B4
   A5-.-B5
   A6-.->B6
   A7-.text.-B7
   A8-.text.->B8
   A9===B9
   A10==>B10
   A11==text===B11
   A12==text==>B12

序列图

sequenceDiagram
   [参与者1][消息线][参与者1][消息线]:消息体
  ...
----------------------
消息线
->		无箭头实线
-->		无箭头虚线
->>		有箭头实线（主动发出消息）
-->>	有箭头虚线（响应）
-x		末端为叉的实线（表示异步）
--x		末端为叉的虚线（表示异步）

-----------------------
sequenceDiagram
   Title: 买西瓜
   participant Consumer as 买西瓜的程序员
   participant Seller as 卖西瓜的小贩
   Consumer->>Seller:哥们，你这瓜多少钱一斤？
   Seller-->>Consumer:两块钱一斤
   Consumer->>Seller:**~你这瓜皮子是金子做的还是瓜粒子是金子做的？
   Seller-->>Consumer:你瞧这现在哪有瓜呀？这都是大棚的瓜，你嫌贵我还嫌贵那
   Consumer->>Seller:你给我挑一个
   Seller-->>Consumer:行
   par 挑瓜
    Seller-->>Seller :拿了一个
   and
    Seller-->>Seller :拍了两下
   end
   Seller-->>Consumer:这个怎么样？
   Consumer->>Seller:你这瓜保熟吗？
sequenceDiagram
   Title: 买西瓜
   participant Consumer as 买西瓜的程序员
   participant Seller as 卖西瓜的小贩
   Consumer->>Seller:哥们，你这瓜多少钱一斤？
   Seller-->>Consumer:两块钱一斤
   Consumer->>Seller:**~你这瓜皮子是金子做的还是瓜粒子是金子做的？
   Seller-->>Consumer:你瞧这现在哪有瓜呀？这都是大棚的瓜，你嫌贵我还嫌贵那
   Consumer->>Seller:你给我挑一个
   Seller-->>Consumer:行
   par 挑瓜
    Seller-->>Seller :拿了一个
   and
    Seller-->>Seller :拍了两下
   end
   Seller-->>Consumer:这个怎么样？
   Consumer->>Seller:你这瓜保熟吗？

饼图

pie
	title 饼图
	"有钱人"：99
	"没有钱"：0
	"我"：1
pie
     title 饼图
     "狗": 100
     "猫": 100
     "鼠": 100

甘特图

```mermaid
%% 语法示例
        gantt
        dateFormat  YYYY-MM-DD
        title 软件开发甘特图
        section 设计
        需求:done,des1, 2014-01-06,2014-01-08
        原型:active,des2, 2014-01-09, 3d
        UI设计:des3, after des2, 5d
    未来任务:des4, after des3, 5d
        section 开发
        学习准备理解需求:crit, done, 2014-01-06,24h
        设计框架:crit, done, after des2, 2d
        开发:crit, active, 3d
        未来任务:crit, 5d
        耍:2d
        section 测试
        功能测试:active, a1, after des3, 3d
        压力测试:after a1  , 20h
        测试报告: 48h
```
%% 语法示例
        gantt
        dateFormat  YYYY-MM-DD
        title 软件开发甘特图
        section 设计
        需求:done,des1, 2014-01-06,2014-01-08
        原型:active,des2, 2014-01-09, 3d
        UI设计:des3, after des2, 5d
    	未来任务:des4, after des3, 5d
        section 开发
        学习准备理解需求:crit, done, 2014-01-06,24h
        设计框架:crit, done, after des2, 2d
        开发:crit, active, 3d
        未来任务:crit, 5d
        耍:2d
        section 测试
        功能测试:active, a1, after des3, 3d
        压力测试:after a1  , 20h
        测试报告: 48h

公式

$$
E=mc^2
$$

$$
E=mc^2
$$

$$
\mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
\frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \\
\end{vmatrix}
${$tep1}{\style{visibility:hidden}{(x+1)(x+1)}}
$$

$$
\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \
\frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \
\frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \
\end{vmatrix}
${$tep1}{\style{visibility:hidden}{(x+1)(x+1)}}
$$

更多公式，请参考 👇

https://math.meta.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference

  1. Markdown是一种纯文本标记语言 ↩
  2. Markdown是一种纯文本标记语言 ↩
  3. HyperText Markup Language 超文本标记语言
    使用 Markdown ↩
  4. HyperText Markup Language 超文本标记语言 ↩
迹路文库 > 速查笔记
#速查笔记 #Markdown
Markdown速查笔记
https://元气码农少女酱.我爱你/adff29c068e3/
作者
元气码农少女酱
发布于
2023年5月2日
许可协议