TYPORA中文快速上手使用教程
Author:黄海翔 SCAU 2020/4/1
-
标题
具体语法:
# 一级标题,快捷键为 `Ctrl + 1` ## 二级标题,快捷键为 `Ctrl + 2` ...以此类推 ###### 六级标题,快捷键为 `Ctrl + 6`
效果如下:
追逐梦想(h1)
追逐梦想(h2)
追逐梦想(h3)
追逐梦想(h4)
追逐梦想(h5)
追逐梦想(h6)
####### 追逐梦想(最大只支持到6个#号)
-
增强(加粗)
具体语法:
**这里是你想输入的内容**,快捷键为 `Ctrl + B` __这里是你想输入的内容,双下划线__
效果如下:
追逐梦想 ——> 追逐梦想
-
倾斜
具体语法:
*单个星号* _双单下划线_
效果如下:
追逐梦想 ——> 追逐梦想
-
删除线
具体语法:
~~里面输入你想要画删除线的内容~~
效果如下:
追逐梦想 ——> 追逐梦想
-
下划线
具体语法(由来源HTML的标签代码实现):
<u>下划线</u>
效果如下:
追逐梦想 ——> 追逐梦想
-
代码标记
具体语法:使用反引号` (在英文输入法下,ESC键下面和1键左边的符号 ):
> 一个人的命运啊,当然要靠自我奋斗,但是也要考虑到历史的进程。
`Function()`
效果如下:
Function() ——> Function()
-
反转义符号
/(反斜杠),使其后的符号成为普通符号,不加特效。
-
自行决定字体、字号与颜色
指定字体类型: <font face="楷体">我是楷体字</font>
我是楷体字
指定字体大小: <font size=10>我是10号字</font>
效果:我是10号字
指定字体颜色:<font color=#0099ff>我是蓝色字</font> #0099ff 为颜色的16进制代码
效果:我是蓝色字
指定字体颜色、字号、字体类型<font color=#0099ff size=12 face="楷体">楷体</font>
效果:楷体
- 引用(可以叠加效果)
> 我只愿面朝大海,春暖花开。——海子
效果如下:
我只愿面朝大海,春暖花开。——海子
>> 我只愿面朝大海,春暖花开。——海子
效果如下:
我只愿面朝大海,春暖花开。——海子
- 无序清单
##un-ordered list
* Red
* Green
* Blue
效果如下:
- Red
- Green
- Blue
- 有序清单
## ordered list
1. Red
2. Green
3. Blue
效果如下:
-
Red
-
Green
-
Blue
-
任务清单
- [ ] a task list item
- [ ] list syntax required
- [ ] normal **formatting**, @mentions, #1234 refs
- [ ] incomplete
- [x] completed
效果如下:
- 代码块
在Typora中输入``` + 回车,并在后面选择一个语言名称即可语法高亮。
效果如下:
printf("Hello world!");//这里选择了C
- 水平尺
##绘制一条水平线。
--- 或者 ***
效果如下:
- 内嵌链接
要创建内联链接,请在链接文本的右方括号之后使用一组常规括号。在圆括号内,将URL放在您希望链接指向的位置,以及链接的可选标题,用引号括起来。例如:
This is [an example](http://example.com/ "Title") inline link.
[This link](http://example.net/) has no title attribute.
效果如下:
This is an example inline link.
This link has no title attribute.
- 内部连结
要创建一个内部链接以创建一个“书签”,使您可以在单击该部分后跳至该部分,请使用标题元素的名称作为href。
- 参考链接
使用两组方括号,在其中放置您选择的标签来标识链接:
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"
效果如下:(类似于C语言的define宏定义)
This is an example reference-style link.
Then, anywhere in the document, you define your link label on a line by itself like this:
Google And then define the link: Google: http://google.com/
- 隐式链接
隐式链接名称快捷方式允许您省略链接的名称,在这种情况下,链接文本本身用作名称。只需使用一组空的方括号-例如,将单词“ Google”链接到google.com网站,您可以简单地编写:
[Google][]
And then define the link:
[Google]: http://google.com/
效果如下:
And then define the link:
【在Typora中,单击链接会将其展开以进行编辑,而Ctrl +单击将在Web浏览器中打开超链接。 】
- URLs(直接插入网址)
<i@typora.io>
<www.baidu.com>
效果如下:
<www.baidu.com>
- 图片
图像的语法与链接相似,但是!
在链接开始之前需要额外的字符。插入图像的语法如下所示:
![Alt text](/path/to/img.jpg)
![Alt text](/path/to/img.jpg "Optional title")
您可以使用拖放操作从图像文件或Web浏览器插入图像。您可以通过单击图像来修改降价源代码。如果通过拖放添加的图像与当前正在编辑的文档位于同一目录或子目录中,则将使用相对路径。
上图是图片的链接,TYPORA实际将其隐藏。
- 表情符号
:smile
:cry
:computer mouse
效果如下:
😄
😢
🖱️
使用者可以通过使用ESC
键触发表情建议补全功能,也可在功能面板启用后自动触发此功能。同时,直接从菜单栏Edit
-> Emoji & Symbols
插入UTF8表情符号也是可以的。
- 数学公式
你可以通过使用MathJax来实现LaTeX的数学符号的表达。
输入$$
,然后按下Enter
键就会弹出一个支持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}
$$
效果如下:( 要触发嵌入式数学的嵌入式预览:输入“ $”,然后ESC
按键,然后输入TeX命令。 )
$$
\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}
$$
$$
x_1^2+x_2^3=9
$$
$$
\sqrt[4]{\frac xy}
$$
$$
\begin{pmatrix}1 & 2 \\ 3 & 4\\ \end{pmatrix}
$$
$$
x_12+x_23=9
$$
$$
\sqrt[4]{\frac xy}
$$
$$
\begin{pmatrix}1 & 2 \ 3 & 4\ \end{pmatrix}
$$
想了解更多可以跳转这个网址: < http://support.typora.io/Math/ >
- 表格
输入|标题一|标题二|
然后按下Enter
将会创建一个有两个列的表格。
表格创建之后,你会看到一个顶部工具栏也会随之出现,通过工具栏你可以实现调整大小,增添和删除表格的功能,你也可以使用
下面的描述可以跳过,因为表格的源码语法是Typora自动生成的。
标题一 | 标题二 |
---|---|
或者按照md语法:
| First Header | Second Header |
| ------------- | ------------- |
| Content Cell | Content Cell |
| Content Cell | Content Cell |
效果如图:
First Header | Second Header |
---|---|
Content Cell | Content Cell |
Content Cell | Content Cell |
你也可以修饰内部的文本格式,比如链接、粗体、斜体、删除线等。
最后,通过使用冒号:
你可以实现标题栏文字的对齐功能,比如向左对齐、向右对齐和居中对齐:
| Left-Aligned | Center Aligned | Right Aligned |
| :------------ |:---------------:| -----:|
| col 3 is | some wordy text | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
Left-Aligned | Center Aligned | Right Aligned |
---|---|---|
col 3 is | some wordy text | $1600 |
col 2 is | centered | $12 |
zebra stripes | are neat | $1 |
最左侧的:
是向左对齐;最右侧的:
是向右对齐;两侧各一个:
是居中对齐。
- 目录
输入[toc]
然后按下Enter
就会产生一个自动根据标题和标题等级自动创建的目录框。
- 示意图
Typora支持 sequence, flowchart 和 mermaid,之后的版本将会在设置面板中实现设置。
- 目录(TOC)
输入[toc]
并Return
按键以创建“目录”部分。TOC会从文档中提取所有标题,并且当您添加到文档时,其内容会自动更新。
- 下标
要使用此功能,请首先在Markdown
首选项面板的选项卡中启用它。然后,用于~
包装下标内容。例如:H~2~O
,X~long\ text~
/
( 注意在 file> preferences> syntax support 中找到 superscript 和 subscript 选项,打上勾。 )
效果如下:
H2O
Xlong text
- 上标
用于^
包装上标内容。例如:X^2^
。
X2
- 高亮
要使用此功能,请首先在Markdown
首选项面板的选项卡中启用它。然后,用于==
包装突出显示的内容。例如:==highlight==
。
效果如下:
highlight。
- 视频
您可以使用<video>HTML标签嵌入视频。例如: