Markdown书写方式
==vs code 会在你每次修改代码之后,重新渲染一遍,如果有很多很多的数学公式,渲染会很慢,两个建议==
- ==分成多个文件,避免单文件过大!==
- ==将你暂时不看的部分注释掉,加快渲染、速度==
除字体外其他格式大部分要用空格区分
==Ctrl+, 打开设置,搜索 选择开启。即可使用Markdown拓展功能==
基础用法
标题
| 方法 |
解释 |
| # |
一级标题 |
| ## |
二级标题 |
| ### |
三级标题 |
| 你好. |
段落与段落之间要隔一行 |
| 你好. |
^ |
段落1.
段路2.
字体
| 方法 |
解释 |
| — |
分割线 |
| 重点加粗 |
加粗字体 |
| 斜体 |
斜体字体 |
删除线 |
字体删除线,==波浪线== |
| ==高亮== |
字体高亮 |
| 下划线 |
下划线 |
表格
| 方法 |
解释 |
| ``` |
``` |
- |
分割行 |
:- |
左对齐 |
-: |
右对齐 |
:-: |
居中对齐 |
注脚
列表
| 方法 |
解释 |
| * 无序列表1 |
无序列表 |
| * 无序列表2 |
^ |
| *嵌套无序列表1 |
嵌套无序列表 |
| *嵌套无序列表2 |
^ |
| 1. 有序列表 |
有序列表 |
| 2. 有序列表 |
^ |
| 1. 嵌套有序列表 |
嵌套有序列表 |
| 2. 嵌套有序列表 |
^ |
- 无序列表1
- 无序列表2
- 嵌套无序列表1
- 嵌套无序列表2
- 有序列表1
- 有序列表2
- 嵌套有序列表1
- 嵌套有序列表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_block1 2 3 4 5
| graph TD A(爷爷)-->B(爸爸); A-->C(叔叔); B-->D(大郎); B-->E(二郎);
|
时序图
{code_block1 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 |
标记是否应在问号出现时显示帮助覆盖, 按键被按下 |
^ |