MENU

Markdown 编辑器:Typora

• July 14, 2016 • Read: 90742 • 教程

好吧。。今天来安利一款 Markdown 编辑器。。。别跑!不要钱~

嗯。。从正式使用 Markdown 到现在也已经有一年多的时间了,在这期间,我尝试使用了很多 Markdown 编辑器,但最常用的却是这款免费的。

Typora 同时支持 Mac 和 Windows,Linux 版。。。Sorry, Not Ready yet...

目前见到的编辑器基本都是输入与预览分离的设计,像 Mou、MWeb 等等。而 Typora 最明显的优点也在于此。它将编辑与预览合并了,就像那些所见即所得编辑器一样,但又使用着 Markdown 简洁的语法,从而使我们不需要像传统的所见即所得编辑器一样,经常需要使用鼠标点击来调整各种格式。「虽然看上去不像」,但它确实是一款 Markdown 编辑器,一款优秀的 Markdown 编辑器,甚至我觉得,这才应该是一款 Markdown 编辑器所应有的样子。

Typora 预览

这里放上一段 Typora 官网的介绍视频:

无需多言吧。

其他的,不错的颜值、可以高度自定义的主题等等优点都是能吸引到我的地方。

下载地址:Typora 官网下载


下面简单介绍一下个人比较喜欢的地方:

优秀的代码输入体验展开目录

作为代码🐶,真要我写出什么长篇大论是不可能的,但代码块这个可是必须而且极其重要的东西。

在 Typora 中,连续输入三个 \` 然后按下 Enter(或者使用快捷键⌥⌘C,Win 下:Alt+Ctrl+C)就会出现一个代码块,我们可以在其中很方便的写点代码(当然,更多的是复制粘贴啊),很重要的一点是在代码块中自动使用等宽字体,这个比一些连有几个空格都看不出来的 Markdown 编辑器要不知道好到哪里去了。Typora 支持多种语言的高亮显示,当然自动补全之类的还是没有啦(真拿它当 IDE 了?)。。。

代码块 - 1

代码块 - 2

代码块 - 3

方便的表格输入展开目录

可以输入 | 第一列的标题 |第二列的标题 | 第n列的标题 | ,然后按下回车键即可自动生成表格。

第一列的标题第二列的标题第 n 列的标题
         

或者在菜单栏中选择 Paragraph->Table 或按下快捷键⌘T(Win 下:Alt+Ctrl+T),也可以快速生成表格。

表格输入

数学公式展开目录

在菜单栏中选择 Paragraph->Math Block 或快捷键⌥⌘B(Win:Alt+Ctrl+M)。

$$ \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} $$

数学公式

Source Code Mode 展开目录

在菜单栏中选择 View->Source Code Mode 或快捷键⌘/(Win:Ctrl+/)。

Source Code Mode

自定义主题展开目录

在设置中点击 Prefeence->Appearance->Open Theme Folder,即可打开主题目录,在这里就可以使用 CSS 新建属于你自己的主题了~

什么?你不会写?你可以参考各种默认主题啊,除此之外,Typora 还有一个大杀器(Windows 版暂时还没有。。):

Help 中勾选 Enable Debugging,然后在编辑页面右键选择 Inspect Element 就可以了。然后你就会得到一个。。。

Inspect Element

嗯。。你懂得。

另外顺便提一下,个人建议打开这个选项:Preference->Appearance->Window Style->Seamless,Windows 下为:Preference->Appearance->Windows Style->Unibody,这样,标题栏就会和编辑器本身融为一体,很好看啊。。。

导出为其他格式展开目录

Typora 支持导出为 PDF、HTML、HTML (Without Styles),在安装 Pandoc 后支持导出为 Word (.docx)、Open Office、RTF、Epub、LaTeX、Media Wiki 等格式。

Last Modified: January 31, 2023
Archives QR Code Tip
QR Code for this page
Tipping QR Code
Leave a Comment

70 Comments
  1. 看见了那个检查器仿佛懂了一些什么 @(滑稽)

    1. @metheno@(滑稽)@(滑稽)

  2. dalao 的播放器是哪个啊?我也想安利一个???

    1. @蓝调的初夏网页上的播放器?APlayer

  3. 玩电脑那么多年了,但是打字速度还是奇慢,尤其是英文。。。

    1. @Tokin 多写写东西或者多聊聊天就好了啊

  4. \#(内伤) 数学公式显示最后有个 |\#(狂汗)

    1. @活在人间恩?

    2. @活在人间图片里?那个是光标。。。

    3. @Hran\#(深思) 额,我说的是这个 V1×V2 那个部分 \#(吐血倒地) 然后我回去看到主题公式部分最后都会出现 |

    4. @Hran\#(深思) 额,我说的是这个 V1×V2 那个部分 \#(吐血倒地) 然后我回去看到主题公式部分最后都会出现 |

    5. @Hran\#(喜极而泣) 然后我发现数学渲染由 html-css 改成 svg 就好了

    6. @活在人间系统和浏览器方便发一下吗?

    7. @活在人间另外可以截张图吗?

    8. @Hran\#(击掌) 已发邮件到你的 Gmail 中

  5. 数学公式看着压力有点大