Markdown书写方式

==vs code 会在你每次修改代码之后,重新渲染一遍,如果有很多很多的数学公式,渲染会很慢,两个建议==

  1. ==分成多个文件,避免单文件过大!==
  2. ==将你暂时不看的部分注释掉,加快渲染、速度==
    除字体外其他格式大部分要用空格区分
    ==Ctrl+, 打开设置,搜索 选择开启。即可使用Markdown拓展功能==

基础用法


标题

方法 解释
# 一级标题
## 二级标题
### 三级标题
你好. 段落与段落之间要隔一行
你好. ^

段落1.

段路2.


字体

方法 解释
分割线
重点加粗 加粗字体
斜体 斜体字体
删除线 字体删除线,==波浪线==
==高亮== 字体高亮
下划线 下划线

表格

方法 解释
``` ```
- 分割行
:- 左对齐
-: 右对齐
:-: 居中对齐

注脚

方法 解释
百度搜索[^1] [^1]:我国著名的竞价广告商 脚注
百度[^2] [^2]:https://www.baidu.com 尾注

列表

方法 解释
* 无序列表1 无序列表
* 无序列表2 ^
*嵌套无序列表1 嵌套无序列表
*嵌套无序列表2 ^
1. 有序列表 有序列表
2. 有序列表 ^
1. 嵌套有序列表 嵌套有序列表
2. 嵌套有序列表 ^
  • 无序列表1
  • 无序列表2
  • 嵌套无序列表1
  • 嵌套无序列表2
  1. 有序列表1
  2. 有序列表2
  3. 嵌套有序列表1
  4. 嵌套有序列表2

复选框

方法 解释
- [x] 已完成事件1 选中状态
- [x] 已完成事件2 ^
- [ ] 未完成事件1 未选中状态
- [ ] 未完成事件2 ^
  • 选中状态
  • 未选中状态

引用文本

方法 解释
> 引用别人说的话 一层引用
>> 这样写 二层引用
>>> 以及这样 三层引用

一层引用

二层引用

三层引用


代码块语法

方法 解释
``` 代码块语法
printf(“you name”); ^
``` ^
1
2
for(int i=0; i<size(), i++)
printf("第%d位", i);
1
(```ts {all|2|1-6|9|all} 代码块高亮写法)
{all|2|1-6|9|all}
1
2
3
4
5
6
7
8
9
10
11
12
interface User {
id: number
firstName: string
lastName: string
role: string
}

function updateUser(id: number, update: User) {
const user = getUser(id)
const newUser = {...user, ...update}
saveUser(id, newUser)
}

注释

1
2
3
<!-- 看不见我 --> 单行注释
<!--- 多行注释
就像这样---> 多行注释

其它

方法 解释
[超链接名称](链接地址) 超链接,也可以在本地用相对地址
![图片提示语](图片地址) ^
[TOC] 原地列出全部标题
# 标题 n {ignore=true} 表示该标题会被TOC忽略

数学公式

==不要在公式内使用中文,除非是\test{中文}(但也不推荐)==

方法 解释
> ==上下标==
$x^2 + y^{12} = 1$ 上标
$x_1 + y_{12} = 1$ 下标
$\frac{1}{2}$ 较小的行内分数
> $\displaystyle\frac{x+1}{x-1}$
> 展示型的分式,==其中\displaystyle== 用于将行内展示转为块状展示
$\sqrt{2}$ 开平方
$\sqrt[n]{2}$ 开n次方
上标::$x^2 + y^{12} = 1$
下标::$x_1 + y_{12} = 1$
分数::$\frac{1}{2}$
展开型的分式::$\displaystyle\frac{x+1}{x-1}$
开平方::$\sqrt{2}$
开n次方::$\sqrt[n]{2}$

流程图和时序图

流程图

==```mermaid {code_block=true},表示显示代码==

{code_block
1
2
3
4
5
graph TD
A(爷爷)-->B(爸爸);
A-->C(叔叔);
B-->D(大郎);
B-->E(二郎);

时序图

{code_block
1
2
3
4
5
graph LR
A(爷爷)-->B(爸爸);
A-->C(叔叔);
B-->D(大郎);
B-->E(二郎);

高级操作


导入外部文件

方法 解释
@import "你的文件" 导入外部文件,支持引入在线文件
<!--- @import "你的文件" ---> 支持该写法

幻灯片制作

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
---
marp: true 启用Marp功能,告诉编译器你要制作的是幻灯片(slide) <需下载marp for VS code 插件>
presentation:
theme: black.css 前面两个空格
widget: 800
height: 600
progress: ture
---

<!--- slide ---> 每一页的幻灯片都需要它,换页
在这里编写你的幻灯片。。。
<!--- slide --->
在这里编写你的幻灯片<1>。。。
<!--- slide --->
在这里编写你的幻灯片<2>。。。
主题 幻灯片主题
presentation 主题
beige.css 米黄色的主题
blood.css 蓝色主题
league.css 深灰色主题
moon.css 藏青色主题
sky.css 浅蓝色主题
solarized.css 暖色主题
black.css 黑色主题
night.css ^
white.css 白色主题
serif.css ^
simple.css ^
none.css 无主题
方法 解释 参数
controls 在右下角显示控件 ture ? false
progress 显示演示进度条 ^
slideNumber 显示当前幻灯片的页码 ^
keyboard 启用用于导航的键盘快捷键 ^
overview 启用幻灯片概览模式 ^
center 幻灯片的垂直居中 ^
touch 在具有触摸输入的设备上启用触摸导航 ^
loop 循环演示 ^
rtl 将演示方向更改为RTL ^
shuffle 每次加载演示文稿时随机排列幻灯片的顺序 ^
fragments 全局打开和关闭片段 ^
Flags 标记是否应在问号出现时显示帮助覆盖, 按键被按下 ^