IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> 博客创作—【Markdown编辑器快捷键】汇总 -> 正文阅读

[开发工具]博客创作—【Markdown编辑器快捷键】汇总

引言

汇总了Markdown的部分快捷键,方便自己查阅,同时也欢迎大家补充。

一、功能快捷键

1、可以在界面右上角点击帮助弹出界面进行快捷键的查看。

2、直接在Keyboard上用符号组合形式进行操作。

撤销:<kbd>Ctrl/Command</kbd> + <kbd>Z</kbd>
重做:<kbd>Ctrl/Command</kbd> + <kbd>Y</kbd>
加粗:<kbd>Ctrl/Command</kbd> + <kbd>B</kbd>
斜体:<kbd>Ctrl/Command</kbd> + <kbd>I</kbd>
标题:<kbd>Ctrl/Command</kbd> + <kbd>Shift</kbd> + <kbd>H</kbd>
无序列表:<kbd>Ctrl/Command</kbd> + <kbd>Shift</kbd> + <kbd>U</kbd>
有序列表:<kbd>Ctrl/Command</kbd> + <kbd>Shift</kbd> + <kbd>O</kbd>
检查列表:<kbd>Ctrl/Command</kbd> + <kbd>Shift</kbd> + <kbd>C</kbd>
插入代码:<kbd>Ctrl/Command</kbd> + <kbd>Shift</kbd> + <kbd>K</kbd>
插入链接:<kbd>Ctrl/Command</kbd> + <kbd>Shift</kbd> + <kbd>L</kbd>
插入图片:<kbd>Ctrl/Command</kbd> + <kbd>Shift</kbd> + <kbd>G</kbd>
查找:<kbd>Ctrl/Command</kbd> + <kbd>F</kbd>
替换:<kbd>Ctrl/Command</kbd> + <kbd>G</kbd>

*显示效果如下:
撤销:Ctrl/Command + Z
重做:Ctrl/Command + Y
加粗:Ctrl/Command + B
斜体:Ctrl/Command + I
标题:Ctrl/Command + Shift + H
无序列表:Ctrl/Command + Shift + U
有序列表:Ctrl/Command + Shift + O
检查列表:Ctrl/Command + Shift + C
插入代码:Ctrl/Command + Shift + K
插入链接:Ctrl/Command + Shift + L
插入图片:Ctrl/Command + Shift + G
查找:Ctrl/Command + F
替换:Ctrl/Command + G

二、创建标题

在编辑界面直接输入1次#,并按下space后,将生成1级标题。
输入2次#,并按下space后,将生成2级标题。
以此类推,现阶段Markdown支持6级标题。

三、改变文本样式

1*强调文本* _强调文本_

示例:强调文本 强调文本

2**加粗文本** __加粗文本__

示例:加粗文本 加粗文本

3==标记文本==

示例:标记本文

4~~删除文本~~

示例:删除文本

5> 引用文本

示例:

引用文本

6、H~2~O(简单的带角标的表达式)

示例:H2O

72^10^(简单的指数表达式)

示例:210

四、插入链接与图片

可以直接在编辑栏中点击图片视频超链接进行插入。也可以用KeyBoard组合键方式进行插入链接和图片。

1、插入链接: [link](https://www.csdn.net/).
   注:[]中输入链接标题。()中输入链接地址。

示例:标题.

2、插入图片分为以下四种形式:直接插入原尺寸图片、插入改变尺寸的图片、插入居中的图片、插入居中且带尺寸的图片。
	1)直接插入原尺寸图片:![Alt]是固定的插入图片的标题。()中是图片链接
	![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)

示例:
Alt

	2)插入改变尺寸的图片:![Alt]是固定的插入图片的标题。()中是图片链接。 ‘=30×30’是图片的尺寸大小
	![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw =30x30)

示例:
Alt

	3)插入居中的图片:![Alt]是固定的插入图片的标题。()中是图片链接。 ‘#pic_center’指定图片居中显示
	![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center)

示例:
Alt

	4)插入居中且带尺寸的图片:
	![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center =30x30)

示例:

Alt

五、生成自定义列表

你可以根据需要自定义列表格式。具体如下:

1、(可以点击编辑栏中的“无序”按钮进行创建)
	- 项目
	  - 项目
	    - 项目

示例:

  • 项目
    • 项目
      • 项目
2、(可以点击编辑栏中的“有序”按钮进行创建)
	1. 项目1
	2. 项目2
	3. 项目3

示例:

  1. 项目1
  2. 项目2
  3. 项目3
3、(可以点击编辑栏中的“待办”按钮进行创建。显示的时候是可选择的状态)
	- [ ] 计划任务
	- [x] 完成任务

示例:

  • 计划任务
  • 完成任务

六、创建一个表格

可以直接在上方编辑界面选择表格,会自动生成初始化表格。

|  |  |  |  |
|:--|--:|--|:--:|
|  |  |  |  |
|  |  |  |  |
注:
1、第一行为表头,第二行为表格每列的分隔符(支持居中、左对齐、右对齐),第三行及以下为表格内容。
2、若要让表格某列居中/左对齐/右对齐,则在第二行输入:(冒号)进行区分。如:左对齐:|:--|
测试(左对齐)测试(右对齐)测试(居中1)测试(居中2)

七、创建自定义列表

Markdown
:  Text-to-HTML conversion tool

Authors
:  John
:  Luke

示例:
Markdown
: Text-to-HTML conversion tool

Authors
John
Luke

八、创建一个注脚

一个具有注脚的文本。[^2]
------------------------
[^2]: 注脚的解释
注:该模块分为上下两部分。上面是注脚的主体,下面是注脚的解释。此解释会自动显示在文章末尾。

示例:
一个具有注脚的文本。1

九、KaTeX数学公式

您可以使用渲染LaTeX数学表达式 [KaTeX](https://khan.github.io/KaTeX/):

Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall
n\in\mathbb N$ 是通过欧拉积分

$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$

> 你可以找到更多关于的信息 **LaTeX** 数学表达式[here][1].

示例:
您可以使用渲染LaTeX数学表达式 KaTeX:

Gamma公式展示 Γ ( n ) = ( n ? 1 ) ! ? n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n?1)!?nN 是通过欧拉积分

Γ ( z ) = ∫ 0 ∞ t z ? 1 e ? t d t ? . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=0?tz?1e?tdt.

你可以找到更多关于的信息 LaTeX 数学表达式[here][1].

十、甘特图

```mermaid
gantt
        dateFormat  YYYY-MM-DD
        title Adding GANTT diagram functionality to mermaid
        section 现有任务
        已完成               :done,    des1, 2014-01-06,2014-01-08
        进行中               :active,  des2, 2014-01-09, 3d
        计划一               :         des3, after des2, 5d
        计划二               :         des4, after des3, 5d
@```(前面的@去掉)
Mon 06 Mon 13 Mon 20 已完成 进行中 计划一 计划二 现有任务 Adding GANTT diagram functionality to mermaid

十一、UML图表

可以使用UML图表进行渲染。 Mermaid的使用规范.

序列图:

```mermaid
sequenceDiagram
张三 ->> 李四: 你好!李四, 最近怎么样?
李四-->>王五: 你最近怎么样,王五?
李四--x 张三: 我很好,谢谢!
李四-x 王五: 我很好,谢谢!
Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.

李四-->>张三: 打量着王五...
张三->>王五: 很好... 王五, 你怎么样?
@```(@去掉

流程图:

```mermaid
graph LR
A[长方形] -- 链接 --> B(())
A --> C(圆角长方形)
B --> D{菱形}
C --> D
@```(@去掉)

示例:

链接
长方形
圆角长方形
菱形

十二、FLowchart流程图

Flowchart流程图 语法,参考 [这儿][4]

List item

```mermaid
flowchat
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认?

st->op->cond
cond(yes)->e
cond(no)->op
@```(@去掉)

示例:

Created with Rapha?l 2.3.0 开始 我的操作 确认? 结束 yes no

十三、导入导出

当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ,生成一个.md文件或者.html文件进行本地保存。
如果你想加在这里插入代码片载一篇你写过的.md文件,在上方工具栏可以选择导入功能进行对应扩展名的文件导入,继续你的创作。


  1. 注脚的解释 ??

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-02-24 15:30:20  更:2022-02-24 15:31:10 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/26 8:36:11-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码