常用的Markdown 语法(含Typora对应快捷键)

Markdown因其轻量级和易读性受到广大写作和程序员喜爱,Typora作为一款免费且跨平台的Markdown编辑器,提供强大功能。本文详细介绍了Typora的使用,包括标题、列表、代码块、图片插入、加粗斜体等Markdown语法,并展示了如何在Typora中高效撰写技术博客或文档。
摘要由CSDN通过智能技术生成

      喜欢写作和经常撰写技术博客的人和程序员,想必一定听说过一款轻量级的标记语言——Markdown。
      由于Markdown的轻量化、易读易写特性,并且对于图片,图表、数学式都有支持,许多网站都广泛使用Markdown来撰写帮助文档或是用于论坛上发表消息。 如GitHub、Reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge、简书等,甚至还能被使用来撰写电子书。
      现在,支持Markdown的软件和网站有很多,包括但不限于:

  • Typora
  • 印象笔记
  • 为知笔记
  • 有道云笔记
  • Ulysess
  • Falcon

      在这些众多的产品中,名气最大的就是Typora。这是一款功能强大的、免费、跨平台(支持Windows,Mac和Linux)的Markdown编辑器。我们在下面的介绍也是主要以Typora为主。

1. 多级标题

标题:Atx方式

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

对应效果如下:

一级标题

二级标题

三级标题

四级标题
五级标题
六级标题

Typora快捷键:一到六级标题对应Ctrl+1~Ctrl+6,Ctrl+0可清除标题效果

标题:Setext方式

用底线的形式,利用 === (最高阶标题)和 ----- (第二阶标题),其中=或-可以为3个或以上

大标题
===
小标题
---

对应效果如下:

大标题

小标题


2. 有序列表

数字不能省略但可不按顺序编号(会自动识别纠错),点号之后的空格不能少

 1. 有序列表
 3. 有序列表
 4. 有序列表
 7. 有序列表

对应效果如下:

  1. 有序列表
  2. 有序列表
  3. 有序列表
  4. 有序列表

Typora快捷键Ctrl+Shift+[ (先选中几行需要排序的列表,再使用快捷键;若不选中,只对光标所
在行起作用)
注意:

  1. 编号后,一定要有空格!
  2. 行末回车,序号会自动添加。
  3. 行末↓键,序号不会添加。
  4. 添加/删除某一行内容,序号会自动调整。
  5. 降级快捷键: Tab
  6. 升级快捷键: Shift+Tab
  7. 在列表中使用升降级,形成嵌套列表

3. 无序列表

符号之后的空格不能少,-+*效果一样

- 无序列表
+ 无序列表
* 无序列表

对应效果如下:

  • 无序列表
  • 无序列表
  • 无序列表

注意:

  1. *,+或-后,一定要有空格!
  2. 有序列表和无序列表可以交错使用。

4.任务列表(待办列表)

-, [, ] 后,都一定要有空格!

- [ ] 引导学生重新审视笔记的价值。
- [ ] 讲解笔记的正确定位。
- [ ] 讲解优秀笔记的标准。
- [ ] 笔记工具的特征及选择。

对应效果如下:

  • 引导学生重新审视笔记的价值。
  • 讲解笔记的正确定位。
  • 讲解优秀笔记的标准。
  • 笔记工具的特征及选择。

Typora快捷键:无快捷键,通过鼠标操作。
选中文字一>段落一>任务列表


5. 代码块

前后各3个```
在这里插入图片描述
注意:不是单引号,而是特殊引号,在键盘左上角的“esc”下方的那个按键

补充:行内代码前后各一个`即可

Typora快捷键
代码块Ctrl+Shift+K
行内代码Ctrl+Shift+`
注意:Typora内输入三个```然后回车即有代码块

相关设置:文件->偏好设置一>Markdown一>勾选【显示行号】->勾选【代码块自动换行】一>重启Typora
在这里插入图片描述

6. 代码高亮

代码高亮,以3个特殊引号(`)开头,并跟上代码语言,例如:python、java、javascript、ruby、perl、go、c、c++、bash等。
在这里插入图片描述


7. 插入图片

![Alt text](图片链接 "optional title")

Alt text:图片的Alt标签,用来描述图片的关键词,可以不写。最初的本意是当图片因为某种原因不能被显示时而出现的替代文字,后来又被用于SEO,可以方便搜索引擎根据Alt text里面的关键词搜索到图片。
图片链接:可以是图片的本地地址或者是网址。
optional title”:鼠标悬置于图片上会出现的标题文字,可以不写。

插入本地图片

只需要在基础语法的括号中填入图片的位置路径即可,支持绝对路径相对路径

![GitHub Mark](Markdown.assets/image.png)
![GitHub Mark](/Markdown.assets/image.png)

缺点:不灵活不好分享,本地图片的路径更改或丢失都会造成markdown文件调不出图。

插入网络图片

只需要在基础语法的括号中填入图片的网络链接即可

![profile](https://img1.baidu.com/it/u=3919719799,2648211784&fm=253,"markdown YYDS")

profile
Typora快捷键
插入图片快捷键:Ctrl+Shift+i
相关设置:
文件->偏好设置->选择【复制图片到./S(filename).assets文件夹】->勾选【优先使用相对路径】->重启Typora
在这里插入图片描述

8.加粗斜体删除线

星号与下划线都可以,单个是斜体,双个是粗体,符号可跨行,符号可加空格,删除线用~
Markdown语法

**毫无疑问**
__粗体起强调作用__

*给我来杯
冰美式~*

_最好  吃的_

~~要不你还是把我删了吧~~

对应效果如下:
毫无疑问
粗体起强调作用

给我来杯
冰美式~

谢谢 兄dei

要不你还是把我删了吧

Typora快捷键
加粗快捷键:Ctrl+B
斜体快捷键:Ctrl +I

9.插入表格

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |

对应效果如下:

TablesAreCool
col 3 isright-aligned$1600
col 2 iscentered$12
zebra stripesare neat$1

或者

项目     | 价格
-------- | ---
Computer | $1600
Phone    | $12
Pipe     | $1

对应效果如下:

项目价格
Computer$1600
Phone$12
Pipe$1
Typora快捷键:插入表格Ctrl+T

10.更改字体、大小、颜色

<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font size=6>我是尺寸</font>
<font color=red>我是红色</font>
<font color=#008000>我是绿色</font>
<font color=Blue>我是蓝色</font>
<font face="黑体" color=green size=5>我是黑体,绿色,尺寸为5</font>

对应效果如下:

我是黑体字
我是微软雅黑
我是华文彩云
我是尺寸
我是红色
我是绿色
我是蓝色
我是黑体,绿色,尺寸为5

11.分割线

-_*,符号可为3个或3个以上,但必须单独一行,可含空格

---
***
___
__ _

对应效果如下:





12.引用

> 这是一段引用
引用
>> 嵌套引用
>>> 三层嵌套

对应效果如下:

这是一段引用
引用

嵌套引用

三层嵌套

引用的区块内也可以使用其他的 Markdown 语法,包括标题、列表、代码区块等

> ## 这是一个标题。
>
> 1. 这是第一行列表项。
> 2. 这是第二行列表项。
>
> 代码:
>
> ```Html 
> console.log('hello');
> ```

对应效果如下:

这是一个标题。

  1. 这是第一行列表项。
  2. 这是第二行列表项。

代码:

console.log('hello');

13.文字超链:Inline方式

在[]之间写入文字超链的名字,也可以叫提示,()中填入链接就可以了,“”中可以写Tooltips,也可省略。

[百度一下](https://www.baidu.com/ "百度")

对应效果如下:
百度一下

14. 自动链接

尖括号

<https://www.baidu.com/>
<123456@qq.com>

对应效果如下:
https://www.baidu.com/
123456@qq.com


Typora快捷键:将链接复制至剪切板,选中文字,按Ctrl+K 如:


在这里插入图片描述

15. 转义字符

Markdown中的转义字符为\,转义的有:

\\ 反斜杠

\` 反引号

\* 星号

\_ 下划线

\{\} 大括号

\[\] 中括号

\(\) 小括号

\# 井号

\+ 加号

\- 减号

\. 英文句号

\! 感叹号

\> 大于号

对应效果如下:
\ 反斜杠

` 反引号

* 星号

_ 下划线

{} 大括号

[] 中括号

() 小括号

# 井号

+ 加号

- 减号

. 英文句号

! 感叹号

> 大于号

16. 空格(段落缩进)

后面有2个空格&ensp;&ensp;是吗&#8194;看前面有1个空格
&ensp;&nbsp;&nbsp;前面有3个空格

对应效果如下:
后面有2个空格  是吗 看前面有1个空格
欸   前面有3个空格

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值