Markdown标记语法Typora编辑器零基础入门新手学习使用总结教程

Markdown标记语法Typora编辑器零基础入门新手学习使用总结教程

下载链接

官方网址：https://typora.io

Typora快捷键整合

快捷键	作用
Ctrl+1	一阶标题
Ctrl+2	二阶标题
Ctrl+3	三阶标题
Ctrl+4	四阶标题
Ctrl+5	五阶标题
Ctrl+6	六阶标题
Ctrl+L	选中某句话
Ctrl+D	选中某个单词
Ctrl+E	选中相同格式的文字
Alt+Shift+5	删除线
Ctrl+Shift+M	公式块
Ctrl+B	字体倾斜
Ctrl+I	字体倾斜
Ctrl+U	下划线
Ctrl+T	创建表格
Ctrl+K	创建超链接
Ctrl+F	搜索
Ctrl+H	搜索并替换
Ctrl+Shift+I	插入图片
Ctrl+Shift+Q	引用

注： 一些实体符号需要在实体符号之前加”\”才能够显示

文本样式

标题

编写：#*1~#*6+标题

这是一个一级标题

这是一个二级标题

这是一个三级标题

这是一个四级标题

这是一个五级标题

这是一个六级标题

斜体

编写：*斜体文本*

我是斜体

加粗

编写：**加粗文本**

我是加粗文字

斜体加加粗

编写：***斜体加加粗文本***

我是斜体加粗文字

下划线

编写：1.选中文字快捷键Ctrl+u;
     2.html语法：在加下划文字被<u></u>标签包裹；

我是加下划线的文字

高亮（文件>偏好>Markdown下勾选语法，重启软件）

编写：==高亮文本==

我是高亮文本

上下标

下标（同高亮勾选语法）

编写：~下标~ 或 <sub>文本</sub>，例：H~2~O

水 H₂O

上标（同上）

编写：^上标^ 或 <sup>文本</sup>，例：面积：m^2^ 

面积：m²

换行符

编写：1，空格+空格+回车；
     2，<br/>

表情符号

编写：：+表情英语+：
列：：smile：，：cry：

😢😄💯

表格

编写：内容1|内容2——分隔单元格；-分隔表头和其它行，—符号一个即可
例：fruit|price
   -----|-----
   banana|2.3￥
   watermelon|0.6￥

fruit	price
banana	2.3￥
watermelon	0.6￥

表格分隔线左右两侧加上：实现左右内容对齐,若两边同时使用：符号则居中对齐。
例：fruit|price
   :-----:|:-----:
   banana|2.3￥
   watermelon|0.6￥

fruit	price
banana	2.3￥
watermelon	0.6￥

Ctrl+T快捷键可直接创建表格,在表格右上角调节内容对齐方式

引用

> + 引用内容
>> +嵌套引用内容

我是一级引用

我是二级引用

列表

无序列表

编写:1,`* `+内容（注意*号与内容间的空格,回车后列表会继续往下生成）
2，`+ `+内容
3，`- `+内容

• li1
• li2
• li3

有序列表

编写：数字+`. `(注意.后的空格，回车后序数按自然顺序往下排)

1. first
2. second
3. third

代码

代码块

编写： ```+回车，或```+语言+回车（代码块左下角有语言提示）

#include <stdio.h>
#include <stdlib.h>
//我是C
int main()
{
    printf("Hello world!\n");
    return 0;
}

文件>偏好设置>Markdown>代码块下勾选行号，在代码块中将显示行号

行内代码

编写：`代码内容`

我是行内代码

分割线

编写：1.***+回车；（三个符号或更多）
     2.---+回车；
     3.___+回车；（下划线）

---

---

---

跳转（Windows/Linux下按住Ctrl点击跳转）

外部跳转

编写格式：[link text](link)
例：[百度一下](https://www.baidu.com/?tn=48021271_11_hao_pg)

百度一下

内部跳转

编写格式;[link text](要去的目的地——标题)
例：[点击回到开头](# Markdown标记语法Typora编辑器零基础入门新手学习使用总结教程)

[点击回到开头](# Markdown标记语法Typora编辑器零基础入门新手学习使用总结教程)

自动链接

编写格式：<超链接> （里面内容转化为超链接）
例：<https://www.hao123.com/>

https://www.hao123.com/

图片

网上图片

编写格式：![自己起的图片名](图片链接)
例：！[猫猫老师](https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E5%A4%8F%E7%9B%AE%E5%8F%8B%E4%BA%BA%E5%B8%90&step_word=&hs=0&pn=2&spn=0&di=38170&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=1325220501%2C3453714904&os=1530429199%2C3148524533&simid=4106675339%2C701786422&adpicid=0&lpn=0&ln=1315&fr=&fmq=1596078672672_R&fm=&ic=undefined&s=undefined&hd=undefined&latest=undefined&copyright=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201803%2F06%2F20180306193517_ZJeEu.thumb.700_0.jpeg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fooo_z%26e3B17tpwg2_z%26e3Bv54AzdH3Fks52AzdH3F%3Ft1%3Dblmca8nb0&gsm=3&rpstart=0&rpnum=0&islist=&querylist=&force=undefined)

本地图片

编写格式：！[自己起的图片名](本地存储路径或相对路径)
例：！[哇噢](assets/猫猫老师.jpg)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5CYM6iI9-1596101246448)(assets/猫猫老师.jpg)]
原图：

粘贴图片

使用方式：图片剪切软件剪切->Ctrl+v粘贴到相应位置（例：qq Shift+Alt+A 截图）
图片路径设置：文件>偏好设置>图像自行调整

个人习惯如下:

画图

流程图（graph）

概述

graph 方向描述 
    图表中的其它语句...

关键字graph表示一个流程图的开始，后面要加上该图的方向描述。

方向用词：

用词	含义
TB top->bottom	从上到下
BT bottom->top	从下到上
RL right->left	从右到左
LR left->right	从左到右

graph LR
  A-->B
  B-->C
  c-->D
  D-->A

创建方式

编写：```mermaid+回车
graph LR;  
  A-->B      
  B-->C
  c-->D
  D-->A

A,B,C,D,F表示流程中各部分区块的代称

流程图常用符号及含义

节点形状

表述	说明	含义
id[文字]	矩形结点	表示过程，及整个过程的一个环节
id(文字)	圆角矩形节点	表示开始和结束
id((文字))	圆形节点	表示连接，为避免流程交叉，可将流程切开成对
id{文字}	菱形节点	表示判断、决策
id>文字]	右向旗帜状结点

单向箭头线段表示：表示流程进行方向

id为节点的唯一标识(网页识别id)，A-E是节点名字，类似变量名，画图时方便后续简写引用

括号内是流程区块显示的文字，默认节点的名字和显示的文字都为A，默认形状为矩形

例子：

连线

子表图(subgraph)

使用以下语法添加图表（嵌套在表图里）

编写：subgraph 子表图名称
    子表图中的描述语句...
end

补充知识

视图

大纲视图

打开方式：1，视图>大纲视图
        2，Ctrl+Shift+1

示例：

显示根据标题级数缩进，一级标题~六级标题依次增加。

文档树视图

打开方式：1，视图> 文档树视图
        2，Ctrl+Shift+3

示例：

根据当前目录往上找，形成文档数树。

源代码模式

打开方式：1，视图> 源代码模式
        2，Ctrl+/
        3，软件右下角点击</>

以markdown代码形式浏览文件

开发者工具

打开方式：1，视图>  开发者工具
        2，Shift+F12

可看生成当前页面的代码进行调整

修改一级标题的字体颜色列：

添加主题

方式：步骤1，文件>偏好设置>外观>获取主题
     步骤2，在typroa主题官网寻找相应的主题并点击
     步骤3，点击download下载
     步骤4，打开下载后的安装包，剪切相应主题文件如下vue主题的3个文件
     步骤5，文件>偏好设置>外观>打开主题文件夹，将文件粘贴到文件中
     步骤6，主题下选择喜欢的主题

typroa主题官网节选：

所选文件

导出文件

文件>导出+选择导出的文件的类行

导出其它类型的文件

如图得到的HTML文件

最后：附上小编的学习途径， 哔哩哔哩搜索视频资源如下
Markdown保姆级教程之基础篇（Typora使用教程）
Markdown保姆级教程之基础篇（Typora使用教程）
–上述有什么不足之处，欢迎指正😄​。