其他分享
首页 > 其他分享> > markdown笔记

markdown笔记

作者:互联网

markdown学习笔记

文章目录

一、vscode编辑器

1 vscode中的相关插件

1.1 markdownlint

1.2 markdown preview enhanced

1.3 markdown preview GitHub stying

二、markdown的基础语法

1 文本

1.1 标题

<!-- #和文本之间一个空格 -->
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

1.2 斜体和粗体

*斜体*或_斜体_
**粗体**
***加粗斜体***

1.3 删除线和下划线

~~删除线~~
<u>下划线</u>

删除线
下划线

1.4 分割线

<!-- 还有其他方式,个人习惯使用三个横线 -->
---

2 超链接

2.1 行内式

<!-- [标记文本](链接 title),title可以省略 -->
欢迎来到[梵居闹市](http://blog.leanote.com/freewalk)
欢迎来到[梵居闹市](http://blog.leanote.com/freewalk "梵居闹市")

欢迎来到梵居闹市
欢迎来到梵居闹市

2.2 参考式

<!-- [标记文本][链接导航] -->
我经常去的几个网站[Google][1]、[Leanote][2]以及[自己的博客][3]
[Leanote 笔记][2]是一个不错的[网站][]。

<!-- [链接导航]:链接 title,title可省略 -->
[1]:http://www.google.com "Google"
[2]:http://www.leanote.com "Leanote"
[3]:http://http://blog.leanote.com/freewalk "梵居闹市"
[网站]:http://http://blog.leanote.com/freewalk

我经常去的几个网站GoogleLeanote以及自己的博客
Leanote 笔记是一个不错的网站

2.3 自动链接

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

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

2.4 页内超链接—锚点

2.4.1 html锚点
<!-- 利用html标签的id属性连接到(#1) -->
<span id=1>目录</span>
<!-- [标记文本](#index) -->
跳转到[目录](#1)

目录
跳转到目录

2.4.2 普通锚点
<!-- 点击中括号中的目录跳转到对应index的地方,同上 -->
跳转到[目录](#index)
<!-- 博客不支持这种方式 -->
目录 {#index}

目录
目录 {#index}

2.5 页内跳转—注脚

<!-- 注脚显示在结尾 -->
创建脚注格式类似这样 [^1]。
[^1]: 菜鸟教程 -- 学的不仅是技术,更是梦想!!!

创建脚注格式类似这样 [^2]。
[^2]: http://static.runoob.com/images/runoob-logo.png

3.列表

3.1 无序列表

- 无序列表项 一
- 无序列表项 二
- 无序列表项 三

3.2 有序列表

1. 有序列表项 一
2. 有序列表项 二
3. 有序列表项 三
  1. 有序列表项 一
  2. 有序列表项 二
  3. 有序列表项 三

3.3 定义型列表

<!-- :后面跟着一个table键 -->
Markdown
:    轻量级文本标记语言,可以转换成html,pdf等格式(左侧有一个可见的冒号和四个不可见的空格)

代码块 2
:   这是代码块的定义(左侧有一个可见的冒号和四个不可见的空格)
        代码块(左侧有八个不可见的空格)
Markdown
轻量级文本标记语言,可以转换成html,pdf等格式(左侧有一个可见的冒号和四个不可见的空格)
代码块 2
这是代码块的定义(左侧有一个可见的冒号和四个不可见的空格)
代码块(左侧有八个不可见的空格)

3.4 无列表缩进、段落和包含

- 轻轻的我走了, 正如我轻轻的来; 我轻轻的招手, 作别西天的云彩。
那河畔的金柳, 是夕阳中的新娘; 波光里的艳影, 在我的心头荡漾。
软泥上的青荇, 油油的在水底招摇;在康河的柔波里, 我甘心做一条水草!

  那榆荫下的一潭, 不是清泉, 是天上虹; 揉碎在浮藻间, 沉淀着彩虹似的梦。
寻梦?撑一支长篙, 向青草更青处漫溯; 满载一船星辉, 在星辉斑斓里放歌。
但我不能放歌, 悄悄是别离的笙箫; 夏虫也为我沉默, 沉默是今晚的康桥!
悄悄的我走了, 正如我悄悄的来; 我挥一挥衣袖, 不带走一片云彩。

- 包含其他内容的无序列表
<!-- 前面两个空格 -->
  > 1
  > 2

4.引用

<!-- >可以一直加 -->
> - 这是第一行列表项。
>>
>> 1. 子项
>> 2. 子项
>>
> - 这是第二行列表项。
  • 这是第一行列表项。
  1. 子项
  2. 子项
  • 这是第二行列表项。

5.插入图片(类似超链接,多一个!)

5.1 行内式

美丽花儿: 
![美丽花儿](http://ww2.sinaimg.cn/large/56d258bdjw1eugeubg8ujj21kw16odn6.jpg "美丽花儿")

美丽花儿:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qDGdEMoo-1641030682904)(http://ww2.sinaimg.cn/large/56d258bdjw1eugeubg8ujj21kw16odn6.jpg “美丽花儿”)]

5.2 参考式

美丽花儿:
![美丽花儿][flower]

[flower]:http://ww2.sinaimg.cn/large/56d258bdjw1eugeubg8ujj21kw16odn6.jpg  "美丽花儿"

美丽花儿:
美丽花儿

6 目录

<!-- 在添加[TOC]的位置自动生成目录(只包含标题#) -->
@[toc]

7 表格

<!-- 功能比较少,复杂的弄不出来,如果要一些复杂的需要使用到html标签 -->
学号|姓名|分数
-|:-:|-:
小明|男|75
小红|女|79
小陆|男|92
学号姓名分数
小明75
小红79
小陆92

8 制图

8.1 流程图

8.1.1 flow
\```mermaid
flowchat
st=>start: Start:>https://www.zybuluo.com
io=>inputoutput: verification
op=>operation: Your Operation
cond=>condition: Yes or No?
sub=>subroutine: Your Subroutine
e=>end
st->io->op->cond
cond(yes)->e
cond(no)->sub->io
\```
Created with Raphaël 2.3.0 Start verification Your Operation Yes or No? End Your Subroutine yes no
  • 语法
    1. 变量=>类型:标签

    2. 类型
      start:开始框
      end:结束框
      inputoutput:输入输出框
      operation:操作框
      condition:条件框
      subroutine:子流程框

    3. 变量(条件)->变量,在两个标签之间连线,并指明方向

    4. 条件
      yes no:条件框标签独有
      right:箭头从框出去的方向

8.1.2 mermaid
\```mermaid
graph LR
A[方形] -->B(圆角)
    B --> C{条件a}
    C -->|a=1| D[结果1]
    C -->|a=2| E[结果2]
    F[横向流程图]
\```
a=1 a=2 方形 圆角 条件a 结果1 结果2 横向流程图
\```mermaid
graph TD
A[方形] --> B(圆角)
    B --> C{条件a}
    C --> |a=1| D[结果1]
    C --> |a=2| E[结果2]
    F[竖向流程图]
\```
a=1 a=2 方形 圆角 条件a 结果1 结果2 竖向流程图
  • 语法
    1. graph 方向,LR表示横向,TD表示纵向

    2. [标签]-方形直角,(标签)-方形圆角,{标签}-菱形,前面的变脸自定义

    3. 变量 --> |文本| 变量,文本显示在连线上

8.2 UML

8.2.1 sequece
\```mermaid
sequenceDiagram
Title: 标题:UML使用
对象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: 没人陪我玩
\```
对象A 对象B 小三 C 对象B你好吗?(请求) 对象B的描述 对象A的描述(提示) 我很好(响应) 你好吗 对象B找我了 你真的好吗? 我们是朋友 没人陪我玩 对象A 对象B 小三 C 标题:UML使用
8.2.2 mermaid
\```mermaid
sequenceDiagram
    participant 张三
    participant 李四
    张三->>王五: 王五你好吗?
    loop 健康检查
        王五->>王五: 与疾病战斗
    end
    Note right of 王五: 合理 食物 <br/>看医生...
    李四-->>张三: 很好!
    王五->>李四: 你怎么样?
    李四-->>王五: 很好!
\```
张三 李四 王五 王五你好吗? 与疾病战斗 loop [健康检查] 合理 食物 看医生... 很好! 你怎么样? 很好! 张三 李四 王五 标题:UML使用

8.3 甘特图

\```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
\```
Mon 06 Mon 13 Mon 20 需求 原型 UI设计 未来任务 学习准备理解需求 设计框架 开发 未来任务 功能测试 压力测试 测试报告 设计 开发 测试 软件开发甘特图
  • 语法
    1. 任务属性:任务状态,任务描述,开始日期,结束日期,天数

    2. 任务状态
      done:已完成任务
      active:正在进行
      crit:关键任务
      默认:待完成

9 LaTeX公式

9.1 行内公式

质能守恒方程可以用一个很简洁的方程式 $E=mc^2$ 来表达。

质能守恒方程可以用一个很简洁的方程式 E = m c 2 E=mc^2 E=mc2 来表达。

9.2 整行公式

$$\sum_{i=1}^n a_i=0$$
$$f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2 $$
$$\sum^{j-1}_{k=0}{\widehat{\gamma}_{kj} z_k}$$

\```math
\begin{Bmatrix}
   a & b \\
   c & d
\end{Bmatrix}
\```

∑ i = 1 n a i = 0 \sum_{i=1}^n a_i=0 i=1∑n​ai​=0
f ( x 1 , x x , … , x n ) = x 1 2 + x 2 2 + ⋯ + x n 2 f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2 f(x1​,xx​,…,xn​)=x12​+x22​+⋯+xn2​
∑ k = 0 j − 1 γ ^ k j z k \sum^{j-1}_{k=0}{\widehat{\gamma}_{kj} z_k} k=0∑j−1​γ ​kj​zk​

{ a b c d } \begin{Bmatrix} a & b \\ c & d \end{Bmatrix} {ac​bd​}

在markdown中数学公式和符号表示

10 代码

10.1 行内式

C语言里的函数 `scanf()` 怎么使用?

C语言里的函数 scanf() 怎么使用?

10.2 代码块

\```c
#include <stdio.h>
int main(void)
{
    printf("Hello world\n");
}
\```
#include <stdio.h>
int main(void)
{
    printf("Hello world\n");
}

11 HTML标签

<div class="footer">
   © 2004 Foo Corporation
</div>

<table>
    <tr>
        <th rowspan="2">值班人员</th>
        <th>星期一</th>
        <th>星期二</th>
        <th>星期三</th>
    </tr>
    <tr>
        <td>李强</td>
        <td>张明</td>
        <td>王平</td>
    </tr>
</table>
© 2004 Foo Corporation
值班人员星期一星期二星期三
李强张明王平

标签:markdown,http,--,笔记,列表,对象,王五,mermaid
来源: https://blog.csdn.net/weixin_40446584/article/details/122269334