Typora编辑器下使用Markdown入门

  • 一、Typora快捷键:
    • 1.文件
    • 2.编辑
    • 3.段落
    • 4.格式
    • 5.视图
  • 二、Markdown语法
    • 1.标题
    • 2.段落格式
    • 3.列表
    • 4.区块引用
    • 5.代码
    • 6.链接
    • 7.图片
    • 8.表格
    • 9.表情
    • 10.高级技巧

一、Typora快捷键:

引用链接

1.文件

功能 热键(Windows / Linux) 热键(macOS)
Ctrl + N Command + N
新窗户 Ctrl + Shift + N Command + Shift + N
新标签 (不支持) Command + T
打开 Ctrl + O Command + O
快速打开 Ctrl + P Command + Shift + O
重新打开已关闭的文件 Ctrl + Shift + T Command + Shift + T
保存 Ctrl + S Command + S
另存为/重复 Ctrl + Shift + S Command + Shift + S
偏爱 Ctrl +, Command +,
Ctrl + W Command + W

2.编辑

功能 热键(Windows / Linux) 热键(macOS)
新段落 输入 输入
新队 Shift + Enter Shift + Enter
剪切 Ctrl + X Command + X
复制 Ctrl + C Command + C
粘贴 Ctrl + V Command + V
复制为Markdown Ctrl + Shift + C Command + Shift + C
粘贴为纯文本 Ctrl + Shift + V Command + Shift + V
全选 Ctrl + A Command + A
选择行/句子 选择行(在表格中) Ctrl + L Command + L
删除行(在表中) Ctrl + Shift + Backspace Command + Shift + Backspace
选择样式范围 选择单元格(在表格中) Ctrl + E Command + E
选择Word Ctrl + D Command + D
删除Word Ctrl + Shift + D Command + Shift + D
跳到顶部 Ctrl + Home Command +↑
跳转到选择 Ctrl + J Command + J
跳到Buttom Ctrl + End Command +↓
Ctrl + F Command + F
找下一个 F3 /回车 Command + G / Enter
找到上一个 Shift + F3 / Shift + Enter Command + Shift + G / Shift + Enter
更换 Ctrl + H Command + H

3.段落

功能 热键(Windows / Linux) 热键(macOS)
标题1到6 Ctrl + 1/2/3/4/5/6 Command + 1/2/3/4/5/6
Ctrl + 0 命令+ 0
提高标题级别 Ctrl + = 命令+ =
降低标题级别 Ctrl + - 命令+ -
Ctrl + T Command + Option + T
代码围栏 Ctrl + Shift + K Command + Option + C
数学块 Ctrl + Shift + M Command + Option + B
引用 Ctrl + Shift + Q Command + Option + Q
订购清单 Ctrl + Shift + [ Command + Option + O
无序列表 Ctrl + Shift +] Command + Option + U
缩进 Ctrl + [/ Tab Command + [/ Tab
减少缩进 Ctrl +] / Shift + Tab Command +] / Shift + Tab

4.格式

功能 热键(Windows / Linux) 热键(macOS)
加粗 Ctrl + B Command + B
斜体 Ctrl + I 命令+我
下划线 Ctrl + U Command + U
代码 Ctrl + Shift + ` Command + Shift + `
删除 Alt + Shift + 5 Control + Shift +`
超链接 Ctrl + K Command + K
图片 Ctrl + Shift + I Command + Control + I
清除格式 Ctrl + \ 命令+

5.视图

功能 热键(Windows / Linux) 热键(macOS)
切换补充工具栏 Ctrl + Shift + L Command + Shift + L
大纲 Ctrl + Shift + 1 Command + Control + 1
用品 Ctrl + Shift + 2 Command + Control + 2
文件树 Ctrl + Shift + 3 Command + Control + 3
源代码模式 Ctrl + / 命令+ /
Fouus模式 F8 F8
打字机模式 F9 F9
Toggler全屏 F11 Command + Option + F
真实大小 Ctrl + Shift + 0 (不支持)
放大 Ctrl + Shift + = (不支持)
缩小 Ctrl + Shift + - (不支持)
在打开的Documnets之间切换 Ctrl + Tab 命令+`
切换DevTools Ctrl + Shift + I -

二、Markdown语法

引用链接

1.标题

  • 目录

    [toc](目录名)
    
  • 使用#标记

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

2.段落格式

  • 软换行(仅编辑器可见)Alt + Enter

  • 硬换行(输出文档可见)空格 + 空格 + Shift + Enter

  • 换段Enter

  • 字体

    *斜体文本*
    _斜体文本_
    **粗体文本**
    __粗体文本__
    ***粗斜体文本***
    ___粗斜体文本___
    ~~删除线文本~~
    <u>带下划线文本</u>
    ==标记文本==
    
  • 下标上标

    H~2~O is是液体。2^10^ 运算结果是 1024.
    
  • 分隔线:在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。也可以在星号或是减号中间插入空格。

    **** * ******- - -----------
    
  • 脚注:脚注是对文本的补充说明。

    文本 [^1]。[^1]:这是一个脚注。
    

3.列表

  • 无序列表:使用星号(*)、加号(+)或是减号(-)作为列表标记。

    * 第一项
    * 第二项
    * 第三项+ 第一项
    + 第二项
    + 第三项- 第一项
    - 第二项
    - 第三项
    
  • 有序列表:使用数字并加上 . 号来表示。

    1. 第一项
    2. 第二项
    3. 第三项
    
  • 列表嵌套:在父列表添加一个制表符即可。

    * 第一项:1. 第一个嵌套2. 第二个嵌套
    * 第二项:
    
  • Todo列表:- [ ] 文字,表示未完成 ,[]之间用空格隔开,-和[]之间、[]和文字之间都有空格,若- [x] 文字,则表示已完成。

    - [ ] Java
    - [x] C
    - [x] C++
    - [x] Python
    

4.区块引用

  • 引用:在段落开头使用 > 符号 ,然后后面紧跟一个空格符号。

    > 第一段
    > 第二段
    > 第三段
    
  • 嵌套:一个 > 符号是最外层,两个 > 符号是第一层嵌套,以此类推。

    > 最外层
    > > 第一层嵌套
    > > > 第二层嵌套
    
  • 区块中使用列表

    > 区块中使用列表
    > 1. 第一项
    > 2. 第二项
    > + 第一项
    > + 第二项
    > + 第三项
    
  • 列表中使用区块:需要在 > 前添加一个制表符。

    * 第一项> 菜鸟教程> 学的不仅是技术更是梦想
    * 第二项
    

5.代码

  • 行内代码:用反引号把它包起来(`)。

    `printf()` 函数
    
  • 代码块(无高亮):使用 4 个空格或者一个制表符(Tab 键),此种方法必须在Typora的源代码模式下。

  • 代码块(有高亮):用 ``` 包裹一段代码,并指定一种语言(也可以不指定)。

    ​```javascript
    $(document).ready(function () {alert('RUNOOB');
    });
    ​```
    

6.链接

  • 普通链接

    [链接名称](链接地址)或者<链接地址>
    
  • 高级链接:通过变量来设置一个链接,变量赋值在文档末尾进行。

    这个链接用 1 作为网址变量 [Google][1]
    这个链接用 runoob 作为网址变量 [Runoob][runoob]
    然后在文档的结尾为变量赋值(网址)[1]: http://www.google.com/[runoob]: http://www.runoob.com/
    

7.图片

  • 插入图片语法格式

  • 开头一个感叹号 !

  • 接着一个方括号,里面放上图片的替代文字。

  • 接着一个普通括号,里面放上图片的网址,最后还可以用引号包住并加上选择性的 ‘title’ 属性的文字。

![alt 属性文本](图片地址)![alt 属性文本](图片地址 "可选标题")![RUNOOB 图标](http://static.runoob.com/images/runoob-logo.png)![RUNOOB 图标](http://static.runoob.com/images/runoob-logo.png "RUNOOB")
  • 图片:Markdown 还没有办法指定图片的高度与宽度,如果需要的话,可以使用普通的 <img> 标签。

    <img src="http://static.runoob.com/images/runoob-logo.png" width="50%">
    

8.表格

  • 表格制作:使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。

    |  表头   | 表头  |
    |  ----  | ----  |
    | 单元格  | 单元格 |
    | 单元格  | 单元格 |
    
  • 表格单元格对齐方式

    | 左对齐 | 右对齐 | 居中对齐 |
    | :-----| ----: | :----: |
    | 单元格 | 单元格 | 单元格 |
    | 单元格 | 单元格 | 单元格 |
    

9.表情

  • 格式:用冒号把表情代码包围起来。

    :单词::smiley:
    

表情代码大全

10.高级技巧

  • 支持HTML元素<kbd> <b> <i> <em> <sup> <sub> <br>等元素。

    使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑
    
  • 转义:反斜杠转义。

    **文本加粗**
    \*\* 正常显示星号 \*\*
    
  • 数学公式

    • 行内:使用1个美元符号$包裹TeX或LaTeX格式的数学公式。

    • 块内:使用2个美元符号$包裹TeX或LaTeX格式的数学公式。

    $$
    \mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix}
    \mathbf{i} & \mathbf{j} & \mathbf{k} \\
    \frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\
    \frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \\
    \end{vmatrix}
    ${$tep1}{\style{visibility:hidden}{(x+1)(x+1)}}
    $$
    
  • 画流程图、时序图(顺序图)、甘特图:输入格式和在文章里插入一块代码一样,只不过不像其他语言只显示代码,这个直接显示结果。每个编辑器语言设置可能有所不同,CSDN上的话参见CSDN的帮助文档,以下示例是在Typora。

    1. 横向流程图源码格式:在Typora下代码块语言设置为mermaid即可。

          graph LRA[方形] -->B(圆角)B --> C{条件a}C -->|a=1| D[结果1]C -->|a=2| E[结果2]F[横向流程图]
      
    2. 竖向流程图源码格式:在Typora下代码块语言设置为mermaid即可。

        graph TDA[方形] --> B(圆角)B --> C{条件a}C --> |a=1| D[结果1]C --> |a=2| E[结果2]F[竖向流程图]
      
    3. 标准流程图源码格式:在Typora下代码块语言设置为flow即可。

       st=>start: 开始框op=>operation: 处理框cond=>condition: 判断框(是或否?)sub1=>subroutine: 子流程io=>inputoutput: 输入输出框e=>end: 结束框st->op->condcond(yes)->io->econd(no)->sub1(right)->op
      
    4. 标准流程图源码格式(横向):在Typora下代码块语言设置为flow即可。

         st=>start: 开始框op=>operation: 处理框cond=>condition: 判断框(是或否?)sub1=>subroutine: 子流程io=>inputoutput: 输入输出框e=>end: 结束框st(right)->op(right)->condcond(yes)->io(bottom)->econd(no)->sub1(right)->op
      
    5. UML时序图源码样例:在Typora下代码块语言设置为sequence即可。

         对象A->对象B: 对象B你好吗?(请求)Note right of 对象B: 对象B的描述Note left of 对象A: 对象A的描述(提示)对象B-->对象A: 我很好(响应)对象A->对象B: 你真的好吗?
      
    6. UML时序图源码复杂样例:在Typora下代码块语言设置为sequence即可。

         Title: 标题:复杂使用对象A->对象B: 对象B你好吗?(请求)Note right of 对象B: 对象B的描述Note left of 对象A: 对象A的描述(提示)对象B-->对象A: 我很好(响应)对象B->小三: 你好吗小三-->>对象A: 对象B找我了对象A->对象B: 你真的好吗?Note over 小三,对象B: 我们是朋友participant CNote right of C: 没人陪我玩
      
    7. UML标准时序图样例:在Typora下代码块语言设置为mermaid即可。

         %% 时序图例子,-> 直线,-->虚线,->>实线箭头sequenceDiagramparticipant 张三participant 李四张三->王五: 王五你好吗?loop 健康检查王五->王五: 与疾病战斗endNote right of 王五: 合理 食物 <br/>看医生...李四-->>张三: 很好!王五->李四: 你怎么样?李四-->王五: 很好!
      
    8. 甘特图样例:在Typora下代码块语言设置为mermaid即可。

         %% 语法示例ganttdateFormat  YYYY-MM-DDtitle 软件开发甘特图section 设计需求:done,des1, 2014-01-06,2014-01-08原型:active,des2, 2014-01-09, 3dUI设计:des3, after des2, 5d未来任务:des4, after des3, 5dsection 开发学习准备理解需求:crit, done, 2014-01-06,24h设计框架:crit, done, after des2, 2d开发:crit, active, 3d未来任务:crit, 5d耍 :2dsection 测试功能测试:active, a1, after des3, 3d压力测试:after a1  , 20h测试报告: 48h

其他参考链接:https://sspai.com/post/54912

Typora编辑器下使用Markdown入门相关推荐

  1. 半小时学会Markdown语法,让你从快速入门到熟练掌握typora编辑器,大家记笔记写讲义都在用。

    文章目录 Markdown简介 Markdown主要应用 Markdown编辑器 Typroa编辑器 Markdown语法 Markdown 标题 Markdown 段落 字体 分隔线 删除线 下划线 ...

  2. Markdown入门教程

    Markdown入门教程 Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档. Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建. ...

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

    Markdown标记语法Typora编辑器零基础入门新手学习使用总结教程 下载链接 官方网址:https://typora.io Typora快捷键整合 快捷键 作用 Ctrl+1 一阶标题 Ctrl ...

  4. MarkDown语法详解(Typora编辑器)

    MarkDown语法详解(Typora编辑器) 即使再小的帆也能远航~ 目录 Mrakdown简介 Markdown标题 Markdown字体 各种线 引用 图片 超链接 列表 表格 代码 锚(mao ...

  5. 关于Typora编辑器编写markdown文档的代码块出现前字吞后字的解决方法

    关于Typora编辑器编写markdown文档的代码块出现前字吞后字的解决方法 最近使用Typora编辑器编写markdown文档的代码块出现前字吞后字的情况,结果我在网上并未搜到什么解决方法(或者并 ...

  6. 关于Typora编辑器编写markdown文档时插入出现前字吞后字的解决方法

    关于Typora编辑器编写markdown文档时插入出现前字吞后字的解决方法 原因是按到了键盘上的Insert键,使得编辑模式变为了改写,所以会把文本替换掉,这个按键没有状态标示.

  7. DayDayUp:Markdown编辑器的简介、入门、使用方法(Markdown编辑器撰写博客)

    DayDayUp:Markdown编辑器的简介.入门.使用方法(Markdown编辑器撰写博客) 目录 Markdown编辑器简介 Markdown编辑器入门 Markdown常用语法 Markdow ...

  8. 使用typora在CSDN中用markdown编辑器发布gif图、mp3音频和mp4视频的语法

    使用typora在csdn中用markdown编辑器发布gif图.mp3音频和mp4视频的语法 我们要知道,markdown语法其实是兼容html语法的,typora是基于electron开发的,这也 ...

  9. Python编程实现typora软件下Markdown文件图片大小控制

    引言: 在使用Typora进行笔记整理时,每当插入图片时电脑默认使用该图片的默认大小,即100%缩放大小,而多数情况下我还需要对图片进行缩放的,而每次使用Typora语法改变其大小又显得很冗余. 网上 ...

最新文章

  1. 使用Nucleus SE实时操作系统
  2. Android后退事件的处理
  3. 简单python画圣诞树图片-python圣诞树代码
  4. zoj 2760 How Many Shortest Path 最大流
  5. MySQL 5.7临时表空间怎么玩才能不掉坑里
  6. ubuntu Django项目后台不挂断运行之screen命令
  7. Hadoop日志分析工具——White Elephant
  8. 【LeetCode】【HOT】543. 二叉树的直径(递归)
  9. OpenCV4每日一练day10:图像校正
  10. 计算机组成和计算机体系结构
  11. 中继段光缆测试与用户光缆测试有什么区别?
  12. protues仿真控制舵机
  13. 数学建模论文书写总结
  14. 2016-03-03 道 法 儒
  15. 模拟电路44(深度负反馈条件下的近似计算)
  16. 使用JSSDK实现网站的QQ登录
  17. 服务器程序运行的相关操作
  18. 高效工具-局域网服务器访问公网
  19. 投资理财——量化交易角度理解宏观概念
  20. 适用于LeetCode的TypeScript编程调试环境

热门文章

  1. Android手机usb口清洗,Android手机有什么方法通过USB接口共享PC的网络
  2. python和php web负载均衡,实现负载均衡使用Python
  3. npm和cnpm清除缓存的方法实测
  4. SELinux中的Apache和MySQL设定
  5. java逻辑符号怎么打_Java基础知识之运算符和输入输出
  6. 知识付费海哥:常见的知识变现模式有哪些?
  7. 支小蜜校园刷脸消费守护师生舌尖上的安全
  8. Excel:让表格中所有数据进行一次加/减/乘/除/求余
  9. 程序员怎么在业余时间赚钱
  10. 2020 Java 面试高薪秘籍.pdf