Markdown 快速入门（typora）

markdown>使用
1k 词

Markdown 快速入门（typora）#

==typora：ctrl+/查看当前 markdown 文档所有语法==

生成目录#

[toc(不论大小写)]

vscode： 查看-命令面板(ctrl+shift+P)-Create Table of Contents

typora： 段落-内容目录

1、代码块：#

1
2
3
4
5
6
7
8
9
10
11
12
1、代码块语法

```html
代码
```

```shell
代码
```

2、行内代码
`代码`

1.1 代码块

JavaScript 代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
function animate(obj, target, callback) {
    // console.log(callback); //callback=function(){}调用时callback()

    // 当不断的点击按钮，这个元素的速度会越来越快，因为开启了太多的定时器
    // 解决方案是，让元素只有一个定时器执行
    // 先清除以前的定时器，只保留当前的定时器
    clearInterval(obj.timer);
    obj.timer = setInterval(function () {
        // Math.ceil向上取整，避免小数
        // var step = Math.ceil((target - obj.offsetLeft) / 10);
        var step = (target - obj.offsetLeft) / 10;
        step = step > 0 ? Math.ceil(step) : Math.floor(step);
        if (obj.offsetLeft == target) {
            // 停止动画
            clearInterval(obj.timer);
            // 回调函数写到定时器结束里面
            // 判断是否有callback参数传入
            if (callback) {
                callback();
            }
        }
        obj.style.left = obj.offsetLeft + step + 'px';
    }, 15);
}

css 代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    word-wrap: break-word;
    background-color: rgba(128, 128, 128, 0.03);
}

a {
    text-decoration: none;
    color: green;
    font-size: 1.1em;
}

p {
    /* padding: 20px; */
    padding: 10px;
    /* background-color: pink; */
}

1.2 行内代码

1
2
3
4
5
a {
    text-decoration: none;
    color: green;
    font-size: 1.1em;
}

eg：在处理元素垂直居中问题上，我们常用的有 flex布局、grid布局、绝对定位+transform等方法。

2、标题#

1
2
3
4
5
# 一级标题
## 二级标题
### 三级标题
...
...

3、字体#

1
2
3
4
**加粗文本**
==高亮文本==
~~删除文本~~
_斜体文本_

加粗文本
==高亮文本==
删除文本
斜体文本

4、引用#

1
2
3
4
5
6
7
引用语法:

> 引用内容
>
> > 引用内容
> >
> > > 引用内容

书名：《abc》

作者：bcd

简介：cde

5、分割线#

1
2
3
4
分割线 1
---
分割线 2
***

分割线—

分割线***

6、图片插入#

1
2
在线图片/本地图片
![图片名](图片地址，路径 '提示文本')

在线图片

慢走不送
hua

7、超链接#

1
2
3
4
5
6
7
8
9
10
11
12
13
// 1、超链接语法
[链接名](地址 '链接提示')

// 2、引用链接语法
// 若页面内多次使用同一链接，则可以使用引用链接，修改时只需修改一处
[链接名][id]
// 在文末后面解释
[id]:链接名 "链接提示"

// 3、链接到标题
文本[链接名](#链接到的标题名)

// 4、普通链接 URL

7.1 超链接

慢走不送~

7.2、引用链接

慢走不送~

7.3、链接到标题

这是二级标题

7.4、普通链接 URL

https://baidu.com

8、列表#

1
2
3
4
5
6
7
8
// 无序列表

-   列表名 1
-   列表名 2

*   列表名 3
    // 有序列表
    阿拉伯数字+.+空格+名词
  • 无序列表
  • xxxxxx
  • xxxxxx
  1. 有序列表
  2. 点后面有空格

9、表格#

语法较复杂 ctrl+/查看当前 markdown 文档所有语法
建议直接右键生成

10、选框#

1
2
3
4
// 选框语法

-   [ ] 选项
-   [x] 选项（默认勾选）
  • 选项 1
  • 选项 2
  • 选项 3

11、数学公式#

1
2
3
4
5
6
7
8
9
10
// 1、公式块

$$
;
公式;
$$;

// 2、行内数学公式
$公式$;
$$

1、公式块

偏导数公式：

$$
\frac{\partial f}{\partial x}=2\sqrt{a}x
$$

2、行内公式

$\theta=x^2$

12、脚注#

1
2
3
4
5
// 语法
脚注名[^脚注链接]
一键三连[^三连]
// 文末添加解释
[^三连]:点赞、投币、收藏

一键三连[^三连]

13、表情符号#

1
2
// 语法
:+表情名称

😄

💳

14、上下标#

1
2
3
4
5
// 上标
X^2^

// 下标
H~2~O

X^2^
H2O

15、视频 📹#

16、Typora 常用快捷键#

按键 效果 按键 效果
ctrl + D 选中当前词 ctrl + L 选中当前句/行
ctrl + E 选中当前区块 ctrl + F 搜索当前选中
ctrl + B 加粗当前选中 ctrl + H 替换当前选中
ctrl + I 倾斜当前选中 ctrl + U 下划当前选中
ctrl + K 将当前选中生成链接 ctrl + J 滚动屏幕将选中滚至顶部
ctrl + W 关闭当前窗口 ctrl + N 打开新窗口
ctrl + O 打开文件 ctrl + P 搜索文件并打开
ctrl + 回车 表格下方插入行 ctrl + , 打开偏好设置
ctrl + . 切换全角/半角标点 ctrl + / 切换正常/源代码视图
ctrl + shift + - 缩小视图缩放 ctrl + shift + + 增大视图缩放