MENU

Markdown 编辑器:Typora

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

好吧。。今天来安利一款 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. 确实不失为一款绝佳的写作软件,刚用这个软件写了一篇水文试试水,是心动的感觉。@(你懂的)

  2. 其实在 windows 上,丑到爆 @(滑稽) 还是得挣钱买 mac

    1. @南栀我 jio 着还行

    2. @南栀刚刚下载看了下,使用的默认的 github 的皮肤,感觉还阔以啊,这也叫丑吗?倒是博主的那个主题我放进去后,在设置里的皮肤里好像没找到你那个,不知道咋回事儿。不过我觉得我好像喜欢上了,是我喜欢的感觉。就是文章真写不出来。

    3. 南栀 南栀

      @枫叶我说的是 typora 默认自带的皮肤 事实是 mac 好看太多了 windows 怎么弄都没有 mac 好看 @(滑稽) 也有可能是我个人喜好

    4. 南栀 南栀

      @枫叶你理解错意思了 不是说博主的主题丑 @(捂嘴笑)

    5. @南栀我怀疑是你整错了啊,我原话说的博主的皮肤我装进去没反应。。。原主题的 github 也不丑啊。大概是因为我没 mac 吧。但是我觉得还不错啊。不丑啊。

    6. 南栀 南栀

      @枫叶好像是我看错了 @(不高兴)

    7. @南栀你看我博客新写的那个推荐软件里的那个 Typora 截图是你看得到的那个丑样子吗?那么简洁~@(滑稽)

  3. 请告诉我 Inspect Element 的 “你懂得” 真相……
    小白

    1. @聆风这就是一个浏览器啊。。所以要怎么改样式还不都水到渠成吗。。。

  4. 换了一个主题,windows 界面看起来也不错了 @(酷)

    1. @友人 C 你这个样子!不发图!
      想被打吗!!!@(怒)

    2. @Hran 给 dalao 递茶 @(乖)
      <img src="https://o9o5ixzu2.qnssl.com/markdown.png"; >

    3. @友人 C 不错 @(阴险)

  5. 最新版 Typora 已经集成 iPic,在插入图片的时候自动上传至七牛、又拍等图床,很是方便。

    操作示例:http://toolinbox.net/iPic/iPicUploader_Typora.html

    1. @Jason 要交年费了吗 @(泪)

    2. @Hran 先试试爽不爽,不爽不要钱

    3. @Jason 用起来肯定爽,不过我现在的小工具也还能用 @(吐舌)

    4. @Jason 天呐,你不会是 iPic 的作者吧 @(惊哭)

    5. @Hran 哈哈,还真是的… 你的小工具是啥呢?

    6. @Jason 状态栏小工具,拖上去就进七牛了
      周末支持一下大佬,交个年费 @(吐舌)

    7. @Hran 这不强求;工具嘛,适合自己的、就是最好的。如果有好用的工具,就不用再破费啦