[toc]

最快速开始

• 加粗： Ctrl + B
• 标题：==直接用#号== Ctrl + H
• 插入表格：Ctrl + T
• 插入链接： Ctrl + K 【会智能读取剪贴板数据填到URL】
• 插入代码： Ctrl + Shift + 反斜杠 【避免中文切换】
• 多行代码： Ctrl + Shift + K
• 插入图片：==优先拖拽，截图粘贴== Ctrl + Shift + I
• 无序列表： Ctrl + Shift + L
• 撤销： Ctrl + Z
• 一级标题：快捷键为Crtl + 1，以此类推
• 切入/切出==源代码模式==：Ctrl + /
• 侧边栏 CTRL+ Shift+ L
• 建议平常写作时，使用快捷键，使用快捷键，使用快捷键，语法了解即可。

快速开始

符合我的习惯的Typora操作（键盘+鼠标）

文本

超文本

<video src="VID_20190629_153804.mp4" height="600" controls="controls"></video>

<iframe src="//player.bilibili.com/player.html?aid=625381177&bvid=BV1Xt4y127zw&cid=185089615&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" height=600> </iframe>

概要

这篇文章是阅读《Typora官网Markdown参考文档》的笔记

Typora是基于GFMGitHub Flavored Markdown的语法

Typora的严格模式(Strict Mode)是采用GFM标准，像高亮都是扩展的

官方文档在Typora的安装目录下有md格式。除了官方文档外，也推荐看这篇基于-typora-的-markdown-文档编写，它还对比了几种文档图片集成的利弊。

PANDOC安装与使用

Hugo 和 Pandoc 对 Markdown 的扩展支持

块元素（Block Elements）

段、换行（Paragraph and line breaks）

*查看Typora导出的HTML源代码，换行直接是用回车（\r\n）表示的
可以直接用HTML标签 <br />或<br>或<br/>表示

第一行<br />第二行

标题（Headers）

# H1

## H2

###### H6

引用（Blockquotes）

> 引用第一行
> 引用第二行
>> 嵌套引用

引用第一行
引用第二行

嵌套引用

列表（Lists）

### un-ordered list
* Red          - Red        + Red
* Green        - Green      + Green
* Blue         - Blue       + Blue

### ordered list
1. Red
2. Green
3. Blue

un-ordered list

• Red
• Green
• Blue

ordered list

1. Red
2. Green
3. Blue

结束一个列表，敲2次回车即可
无序列表，除了用-，也可以用 * 或者 + 代替

任务列表（Task List）

- [ ] a task list item
- [ ] list syntax required
- [ ] normal **formatting**, @mentions, #1234 refs
- [ ] incomplete
- [x] completed

• a task list item
• list syntax required
• normal formatting, @mentions, #1234 refs
• incomplete
• completed

代码块（Code Blocks）

Typora only supports fences in GitHub Flavored Markdown, not the original code block style.

前后分别用三个反引号括起来，Typora只需输入3个反引号+回车，就会自动进入code block模式

​```ruby
ruby代表语言，也可以不填，填了语言可以高亮语法
​```

数学公式（Math Blocks）

用一对$$括起来，目前没有用到，后续了解

表格（Tables）

手写代码示例：

| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |

就用Typora的右键菜单插入以及编辑器就好，好用

复杂的表格，比如合并列，可以直接插入HTML表格

脚注（Footnotes）

You can create footnotes like this[^11] and this[^12]. 

[^11]: Here is the **text** of the first ***\*footnote\****.
[^12]: Here is the **text** of the second ***\*footnote\****.

光标放到脚注上会显示

You can create footnotes like this^[3] and this^[4].

水平线（Horizontal Rules）

***
---

行内元素（Span Elements）

链接（Links）

This is [an example][id] reference-style link.

Then, anywhere in the document, you define your link label on a line by itself like this:

[id]: http://example.com/  "Optional Title Here"

如果id为空，表示id与标题同名
[Google][]
And then define the link:

[Google]: http://google.com/

图像（**Images）

语法类似链接，比链接多加一个！前缀 [图片上传失败...(image-4cdee2-1600057768277)]

图像的操作建议：

• 在Typora-文件-偏好设置-图像设定
  • 优先使用相对路径
  • 插入图像时...复制到当前文件夹
• 直接拖拽到Typora，或截图粘贴到Typora（会自动生成以时间为文件名的PNG）

字体样式（Font Style）

**double asterisks**

__double underscores__

都是可以的

还有“上标”和“下标”，比较少用到，直接“格式”菜单点选吧

1. Typora默认的Video高度过高需要限制，虽然Typora会自动显示播放控件，但浏览器不会，需要显式说明 ↩

2. 从网站的“分享”，获得嵌入式代码，同样也需要设置height高度属性 ↩

3. Here is the text of the first *footnote*. ↩

4. Here is the text of the second *footnote*. ↩