Typora 笔记
Typora是一款支持实时预览的 Markdown 文本编辑器。它有 __OS X、Windows、Linux __三个平台的版本,并且由于仍在测试中,是完全免费的。
文章目录
Markdown 由Daring Fireball发明,最初的指导思想见 链接。但是他的语法会因解析器或编辑器而不同。
Typora 主要使用的是 GFM 标准 GitHub Flavored Markdown
1. Markdown 语法
1.1 语法设置
在文件 - 偏好设置中设置
-
智能标点
-
图片
- 直接使用
右键-复制 Ctrl + V
将网络图片、剪贴板图片复制到文档中 - 拖动本地图片到文档中
- 直接使用
-
打字机模式和专注模式 视图 - 专注模式 / 打字机模式
-
即时显示 「源代码模式」通过 视图 - 源代码模式 或左下角的 </> 按钮进入
切换到source code mode
ctrl+/
-
大纲 / 文件 侧边栏 Typora 会根据你 Markdown 标记的 H1、H2、H3…… 各级标题为你呈现一个大纲
-
空格和换行 主要是使用 CommonMark 作为标注规范 文档
- **空格:**输入连续的空格后,打印或导出时,这些空格会被省略成一个。
在源代码模式下,为每个空格前加一个 \ 转义符,或者直接使用 HTML 风格的 &nbps; 来保持连续的空格。 - **软换行:**通过
Shift + Enter
完成一次软换行。软换行只在编辑界面可见,当文档被导出时换行会被省略。 - **硬换行:**通过
空格+空格+Shift+Enter
完成一次硬换行。硬换行在文档被导出时将被保留,且没有换段的段后距。 - **换段:**你可以通过
Enter
完成一次换段。Typora 会自动帮你完成两次Shift + Enter
的软换行,从而完成一次换段。 - **Windows 风格(CR+LF)与 Unix 风格(CR)的换行符:**CR 表示回车
\r
,即回到一行的开头,而 LF 表示换行\n
,即另起一行。所以 Windows 风格的换行符本质是「回车 + 换行」,而 Unix 风格的换行符是「换行」。
- **空格:**输入连续的空格后,打印或导出时,这些空格会被省略成一个。
-
- emoji :happy: 表情 用 :emoji: 的形式来打出 emoji,软件会自动给出图形的提示
1.2 块元素
a 段落和换行
在Markdown源代码中,段落由两条及以上的空线隔开 。而在Typora中,只需要一条空白线(按returen
键)就可以产生一个新段落。
按Shift+Return
产生单个line break。但是其他解析器会忽略单个line break,所以为了让markdown解析器读出line break,可以在线末留两个空格键,或者插入
b 标题
标题为在行首采用1~6个井号字符(#),对应1~6级标题。
“#”号后面跟着标题,按下回车键就生成标题了
\# This is an H1
\## This is an H2
\###### This is an H6
c 块级引用
使用邮件风格的>字符作为块级引用
>==块级引用==
>
>>==嵌套块级引用==
d 列
-
无序列 使用* 或 + 或 -
* 1 + 2 - 3
相同的效果:
- 1
- 2
- 3
-
有序列 使用1.
1. 第一行 2. 第二行 3. 第三行
- 第一行
- 第二行
- 第三行
e 任务列
任务列使用 - [ ] or- [x] (未完成/完成)
- [ ] 任务一
- [x] 任务二
- 任务一
- 任务二
f (受防护的)代码块
Typora只支持GitHub Flavored Markdown的fences,markdown中原始的代码块不支持。
```Markdown 然后按回车 末尾的```会自动生成
g 数学块
输入$$r然后按回车键,自动生成数学代码块 更多详见here
$$
\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}
$$
V 1 × V 2 = ∣ i j k ∂ X ∂ u ∂ Y ∂ u 0 ∂ X ∂ v ∂ Y ∂ v 0 ∣ \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} V1×V2=∣∣∣∣∣∣i∂u∂X∂v∂Xj∂u∂Y∂v∂Yk00∣∣∣∣∣∣
h 表格
输入| First Header | Second Header | 然后按回车键
First Header | Second Header |
---|---|
最左边的冒号表示左对齐,最右边的冒号表示右对齐,两侧都有冒号表示中间对齐
| 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 |
i 脚注
You can create footnotes like this[^footnote].
[^footnote]: Here is the *text* of the **footnote**.
You can create footnotes like this1.
j 水平线
在空白行输入***或者—,然后按下回车
k YAML Front Matter
Typora现在支持YAML的Front Matter。在在文章的顶部输入—,然后按下回车键,生成元数据块。或通过菜单工具插入元数据块。
l 目录表
输入[toc]并按下回车键,会产生一个内容目录的块,其从全文的标题中提取目录并自动更新。
1.3 Span元素
a 链接
支持两种链接: inline and reference
链接的文本被中括号[]限定
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.
<p>This is <a href="http://example.com/" title="Title">
<p><a href="http://example.net/">This link</a>
-
内部链接
href设置到书签到标题
<p>This is <a href="# Typora 笔记" title="Title"> <p><a href="#Typora笔记">This link</a>
-
参考链接
使用了第二对中括号[]
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"
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
And then define the link:
b URLs
用单书名号<>插入URLs
<i@typora.io>
c 图片
语法和链接差不多,前面加上! You can find more details here
可以从文件或浏览器直接拖放图片,
图片与当前文本同目录或者位于子目录中,相对地址会自动加上
markdown用于网站,则在YAML Front Matters中注明 typora-root-url
例如,输入typora-root-url:/User/Abner/Website/typora.io/
则 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7oOpLCxN-1597673342315)(/blog/img/test.png)]
被看作 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SowsJ8rf-1597673342318)(file:///User/Abner/Website/typora.io/blog/img/test.png)]
![Planet](E:\develop\AAA-Markdown\planet.gif)
![Planet](E:\develop\AAA-Markdown\planet.gif "planet")
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uDvpFuH2-1597673342322)(E:\Backups\Typora\planet-1597671087687.gif)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CW4Rd0s1-1597673342328)(E:\develop\AAA-Markdown\planet.gif “planet”)]
d 强调
用一对* 或者_可以产生斜体效果 an HTML tag
但是文字中的_会被忽略,前缀反斜杠可以使其失效
*single asterisks*
_single underscores_
single asterisks
single underscores
e 加强
用两对* 或者_可以产生加粗效果 an HTML tag
**double asterisks**
__double underscores__
double asterisks
double underscores
f 代码
行内代码用一堆``实现
Use the `printf()` function.
Use the printf()
function.
g 删除线
标准markdown没有该用法,GFM添加了该用法
~~Mistaken text.~~
Mistaken text.
h 下划线
原生HTML实现下划线功能
<u>Underline</u>
Underline
i Emoji表情 🙂
输入:字符名: 会自动推荐
j 内置数学公式
用一对$符号包括TeX命令 更多详见link
$\lim_{x \to \infty} \exp(-x) = 0$
lim x → ∞ exp ( − x ) = 0 \lim_{x \to \infty} \exp(-x) = 0 limx→∞exp(−x)=0
k 下标
H~2~O, X~long\ text~
H2O, Xlong text
l 上标
X^2^
X2
m 高亮
用两对=号实现高亮
==highlight==
highlight.
2 学术文档编辑
-
LaTeX
- 行内公式(inline):用 $…$ 括起公式,公式会出现在行内。
-
块间公式(display):用 $$…$$ 括起公式(注意$$ 后需要换行),公式会默认显示在行中间.
-
**代码高亮 **
-
行内代码:用 `…` 或 ``…`` 括起代码,代码会以主题中设置的样式出现在行内,但不会实现代码高亮。
-
代码块:输入 ``` 后并输入语言名,换行,开始写代码,Typora 就会自动帮你实现代码高亮
```Markdown
-
-
表格
-
在一般的 Markdown 编辑器中,你可以通过以下的格式插入表格:
| 左对齐 | 右对齐 | 居中对齐 | | :-----| ----: | :----: | | 单元格 | 单元格 | 单元格 | | 单元格 | 单元格 | 单元格 |
效果
左对齐 右对齐 居中对齐 单元格 单元格 单元格 单元格 单元格 单元格 -
鼠标
右键-插入-表格
-
-
链接引用与脚注
-
链接引用 []:
-
脚注 某段话结尾右上角标有数字标记,页面底部进行注释的写法
在需要插入脚注标号的位置写 [^ number ] ,再在下方通过 [^ number ]: 在文档中插入脚注。
[^ 1]
-
-
文件系统
- **快速打开:**你可以通过
文件-快速打开...
或Ctrl + P
快捷键快速打开最近的文档。 - **保存:**Typora 支持自动保存 同时提供了诸如
「保存」、「另存为」、「保存全部打开的文件...」
之类的功能。 - **导入:**Typora 支持非常多的文件格式:
.docx, .latex, .tex, .ltx, .rst, .rest, .org, .wiki, .dokuwiki, .textile, .opml, .epub
。 - **导出:**Typora 原生支持导出
PDF,HTML
等格式。安装 Pandoc 插件来导出更多例如docx,LaTeX
等格式。
- **快速打开:**你可以通过
3 浏览器
-
HTML标签 文档
-
导出为HTML 在实时预览界面用 Ctrl +C 复制到 HTML 代码
如何用 Typora 完成公众号写作,你可以在 这篇文章 中进一步了解。
-
CSS style 主题下载
-
在 Typora 中 CSS 被称为==「主题」==,但其本质仍是 CSS 文件。可以在
文件-偏好设置-主题-打开主题文件夹
看到这些CSS 文件。 -
有一定的 Web 编程基础,自己修改、新建适合使用需求的 CSS 文件
-
3.1 HTML
-
内置内容
<iframe height='265' scrolling='no' title='Fancy Animated SVG Menu' src='http://codepen.io/jeangontijo/embed/OxVywj/?height=265&theme-id=0&default-tab=css,result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'></iframe>
-
视频
<video src="test.mp4" />
-
Other HTML Support
Here is the text of the footnote. ↩︎