Typora入门
简介
Typora是一款轻便简洁的Markdown编辑器,支持即时渲染技术,这也是与其他Markdown编辑器最显著的区别。即时渲染使得写Markdown就象是写Word文档一样流畅自如,不像其他编辑器的有编辑栏和显示栏。
- Typora删除了预览窗口,以及所有其他不必要的干扰。取而代之的是实时预览。
- Markdown的语法因不同的解析器或编辑器而异,Typora使用的是GitHub Flavored Markdown。
Markdown介绍
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。
Markdown 语言在2004年由约翰·格鲁伯(John Gruber)创建。
Markdown 编写的文档可以导出HTML、Word、图像、PDF、Epub 等多种格式的文档。
Markdown 编写的文档后缀为 .md
, .markdown
。
常用快捷键
本文在MacOS中撰写
Typora常用快捷键:
Windows系统Ctrl键,Alt键,基本对应:
Mac系统command键,option键
**但,**个别组合键的用法有所不同,可在菜单栏中查找
注:一些实体符号需要在实体符号之前加”\”才能够显示
快捷键 | 效果 | 快捷键 | 效果 |
---|---|---|---|
command+1 | 一级标题 | command+2 | 二级标题 |
command+3 | 三级标题 | command+4 | 四级标题 |
command+5 | 五级标题 | command+6 | 六级标题 |
command+B | 加粗 | command+I | 斜体 |
command+U | 下划线 | shift+contrl+` | 删除线 |
command+D | 选中当前单词 | command+E | 选中相同格式的文字 |
command+L | 选中当前行 | option+command+C | 代码块 |
option+command+B | 公式块 | option+command+Q | 引用 |
option+command+T | 表格 | option+command+I | 图片 |
command+K | 超链接 | command+F | 查找 |
块元素
换行符
在markdown中,段落由多个空格分隔。在Typora中,只需回车即可创建新段落。
标题级别
# 一级标题 快捷键为 command+1
## 二级标题 快捷键为 command+2
......
###### 六级标题 快捷键为 command+6
展现
一级标题 快捷键为
command+1
二级标题 快捷键为
command+2
......
六级标题 快捷键为
command+6
引用文字
> 引用文字
展现
引用文字
无序列表
使用 * 和 - 都可以创建一个无序列表
- AAA
- BBB
- CCC
展现
-
AAA
-
BBB
-
CCC
有序列表
使用 1. 2. 3. 创建有序列表
1. AAA
2. BBB
3. CCC
展现
- AAA
- BBB
- CCC
任务列表
- [ ] 不勾选
- [x] 勾选
展示
代码块
在Typora中插入程序代码的方式有两种:使用反引号 `(~ 键)、使用缩进(Tab)。
- 插入行内代码,即插入一个单词或者一句代码的情况,使用
code
这样的形式插入。 - 插入多行代码输入3个反引号(`)+ 回车,并在后面选择一个语言名称即可实现语法高亮。
展示
def helloworld():
print("hello, world!")
if __name__ == "__main__":
helloworld()
数学表达式
当你需要在编辑器中插入数学公式时,可以使用两个美元符 $$ 包裹 TeX 或 LaTeX 格式的数学公式来实现。根据需要加载 Mathjax 对数学公式进行渲染。
输入 $$
,然后按下回车键,即可进行数学公式的编辑。
$$
\mathbf{V}_1\times\mathbf{V}_2 = \mathbf{X}_3
$$
展现
表格
输入 | 表头1 | 表头2 |
并回车。即可创建一个包含2列表。快捷键command+T
弹出对话框。
-
不管是哪种方式,第一行为表头,第二行为分割表头和主体部分,第三行开始每一行为一个表格行
-
列与列之间用管道符号
|
隔开 -
还可设置对齐方式(表头与内容之间),如果不使用对齐标记,内容默认左对齐,表头居中对齐
- 左对齐 :|
- 右对齐 |:
- 中对齐 :|:
-
为了美观,可以使用空格对齐不同行的单元格,并在左右两侧都使用 | 来标记单元格边界
-
为了使 Markdown 更清晰,| 和 - 两侧需要至少有一个空格(最左侧和最右侧的 | 外就不需要了)。
展现
表头1 | 表头2 | 表头3 |
---|---|---|
表头1内容 | 表头2内容 | 表头3内容 |
脚注
这个例子的脚注为 [^1]
展示
这个例子的脚注为[1]
注意:该例子脚注标识是1,脚注标识可以为字母数字下划线,但是暂不支持中文。脚注内容可为任意字符,包括中文(脚注内容在本文最后)。
分割线
输入---
或者***
再按回车即可绘制一条水平线,如下:
展现
目录
输入[toc]
然后回车,即可创建一个“目录”。TOC从文档中提取所有标题,其内容将自动更新。
展现
[toc]
跨度元素
跨度元素即图片,网址,视频等,在Typora中输入后,会立即载入并呈现。
链接
内部链接
这是一个带有标题属性的(鼠标悬停在链接有提示) [链接](http://example.com/ "标题")
这是一个没有标题属性的 [链接](http://example.net/)
展示
引用链接
这个链接用 1 作为网址变量 [新浪][1]
这个链接用 google 作为网址变量 [Google][google]
然后在文档的结尾为变量赋值(网址)
[1]: https://www.sina.com.cn/ "新浪参考"
[2]: https://www.google.com/ "google参考"
展示
这个链接用 1 作为网址变量 新浪
这个链接用 google 作为网址变量 Google
标题链接
### 要跳转的标题
我要跳转到[要跳转的内容](#要跳转的标题)
展示
要跳转的标题
在本文最后跳转
网址
Typora允许用<括号括起来>, 把URL作为链接插入。
Typora还会自动链接标准网址。
<https://www.baidu.com>
展示
图片


除了以上2种方式之外,还可以直接将图片拖拽进来,自动生成链接。
强调语法
斜体
使用*单个星号*
或者_单下划线_
可以字体倾斜。快捷键command+I
*斜体* 或 _斜体_
展示
斜体
加粗
使用**两个星号**
或者__两个下划线__
可以字体加粗。快捷键command+B
**加粗** 或 __加粗__
展示
加粗
加粗斜体
使用***加粗斜体***
可以加粗斜体。
***加粗斜体***
展示
加粗斜体
代码标记
标记代码使用反引号,即在英文输入法下,ESC键下面和1键左边的符号。
使用`printf()`功能
展示
使用该printf()
功能
删除线
使用~~删除线~~
快捷键 Alt+Shift+5
~~删除线~~
展示
删除线
下划线
通过<u>下划线的内容</u>
或者 快捷键command+U
可实现下划线
<u>下划线的内容</u>
展示
下划线的内容
高亮
==高亮==
(需在设置中打开该功能)
==我是最重要的==
展示
我是最重要的
下标
可以使用~文本~
或者<sub>文本</sub>
实现下标。
(需在设置中打开该功能)
H~2~O 或者 H<sub>2</sub>O
展示
H2O 或者 H2O
上标
可以使用^文本^
或者<sup>文本</sup>
实现上标。
(需在设置中打开该功能)
x^2^ 或者 x<sup>2<sup>
展示
x2 或者 x2
文本居中
使用<center>
这是要居中的内容</center>
可以使文本居中
<center>这是要居中的内容</center>
展示
标题居中
以三级标题为例:
<h3 style="text-align:center">这是居中的三级标题</h3>
展示
这是居中的三级标题
换行符
使用空格+空格+Enter
可以实现换行
或者可以使用<br>
实现换行。
<br>
转义语法
Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符:
展示
文本加粗
** 正常显示星号 **
Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:
\ 反斜线
` 反引号
* 星号
_ 下划线
{} 花括号
[] 方括号
() 小括号
# 井字号
+ 加号
- 减号
. 英文句点
! 感叹号
HTML
支持HTML
不在 Markdown 涵盖范围之内的标签,都可以直接在文档里面用 HTML 撰写。
目前支持的 HTML 元素有:<kbd> <b> <i> <em> <sup> <sub> <br>
等 ,如:
使用<kbd>command</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd>重启电脑
<kbd> </kbd> -- 白色框框
展示
使用command+Alt+Del重启电脑
-- 白色框框
总结
- 建议打开大纲视图
command+Shift+1
- 插入表格需要顶格写,否则无法显示
我要跳转到要跳转的内容
本文引用链接:
本文脚注内容:
这里是脚注的内容 ↩︎