一个超好用的笔记编辑器


最近新发现了一个软件,感觉很好玩,就突发奇想写了写这几天用到的一些东西,当然,本篇文章就是用这个软件写的。貌似还不错的样子?无论你从未用过 Typora,还是已经体验了很久,我相信你都能在这篇文章中发现 Typora 新的惊喜。

Typora 是什么?

Typora 是一款支持实时预览的 Markdown 文本编辑器。它有 OSX、Windows、Linux 三个平台的版本,并且由于仍在测试中,是完全免费的。

一个 Markdown 文本编辑器

Typora 首先是一个 Markdown 文本编辑器,它支持且仅支持 Markdown 语法的文本编辑。在 Typora 官网 上他们将 Typora 描述为 「A truly minimal markdown editor. 」。

关于 Markdown

Markdown 是用来编写结构化文档的一种纯文本格式,它使我们在双手不离开键盘的情况下,可以对文本进行一定程度的格式排版。

写得舒服

一个文本编辑器,写得舒服是关键

文本编辑设置

通过打开 文件 - 偏好设置 你会发现 Typora 为编辑体验的考虑细致到了令人叹为观止的程度。Typora 中提供了大量有关 Markdown 偏好的设置,据此,你可以构建一个几乎完全适合自己的 Markdown 编辑器。

智能标点

我认为「智能标点」是比较有趣的一点。它可以自动帮你将不是很美观的直引号 " ' 转化为更美观的弯引号 。具体内容你可以在官方的 这篇文档 中查看。关于直弯引号在 macOS 上如何输入你也可以看 这篇文章

图片插入

Typora 的图片插入功能是广受好评的。要知道,Markdown 原生不太注重图片插入的功能,但你可以在 Typora 中:

  • 直接使用 右键 - 复制 Ctrl + V 将网络图片、剪贴板图片复制到文档中
  • 拖动本地图片到文档中

Typora 会自动帮你插入符合 Markdown 语法的图片语句,并给它加上标题。

复制图片

你也完全可以使用图床来保证文档在分享后图片仍能正常显示。

更强大的是,Typora 支持在拖动或 Ctrl + V 网络图片后自动将其保存到本地。你可以在 文件 - 偏好设置 - 编辑器 - 图片插入 中选择复制到哪个路径,什么情况下需要复制。

图片插入

这一功能保证了即使网络图片源失效了,你还有本地的备份可用。同时也能使你的文档文件夹更合理、完整。

打字机模式和专注模式

**「打字机模式」**使得你所编辑的那一行永远处于屏幕正中。

**「专注模式」**使你正在编辑的那一行保留颜色,而其他行的字体呈灰色。

实时预览

当你离开正在编辑的有格式的文本段后,Typora 会自动隐藏 Markdown 标记,只留下**「所见即所得」**的美妙。他们把这称为 Hybrid View。

所见即所得

为了防止一些程序 bug 的发生导致格式问题无法修改,Typora 保留了一个**「源代码模式」**。你可以通过 视图 - 源代码模式 或左下角的 </> 按钮进入。

源代码模式

大纲 / 文件侧边栏

侧边栏

Typora 会根据你 Markdown 标记的 H1、H2、H3…… 各级标题为你呈现一个大纲。

你也可以选择查看文件夹中的文件,但由于目前 Typora 只支持查看 md 文件,因此我认为文件侧边栏这个功能还是很鸡肋的。

emoji 表情

这个是我最惊艳的敌方

在 Typora 中,你可以用 :emoji: 的形式来打出 emoji,软件会自动给出图形的提示,还是比较好用的。

Typora 中输入 emoji

一个学术文档编辑器

除了基本的文本编辑体验极佳之外,Typora 还是一个非常优秀的学术文档编辑器。当然作为一个轻量级的、基于 Markdown 的编辑器,它不能与那些 LaTeX 编辑器相提并论,但它仍支持了许多可用于学术写作的功能。

LaTeX

Typora 原生支持 LaTeX 语法,你有两种方式输入 LaTeX 风格的数学公式:

  1. **行内公式(inline):**用 $...$ 括起公式,公式会出现在行内。
  2. **块间公式(display):**用 $$...$$ 括起公式(注意 $$ 后需要换行),公式会默认显示在行中间。

代码高亮

Typora 中代码的插入也可以分为行内和块间两种:

  1. 行内代码:用 `...```...`` 括起代码,代码会以主题中设置的样式出现在行内,但不会实现代码高亮。
  2. 代码块:输入 ` ````后并输入语言名,换行,开始写代码,Typora 就会自动帮你实现代码高亮。Typora 原生支持许多编程语言代码块的语法高亮,基本日常常用的编程语言它都能很好地支持。
    除此以外,你也可以直接换行开始写,而后再选择语言。(当然这块我还有一些问题…不知道什么原因)

表格

Typora 为我们提供了图形界面的插入表格的功能,你只需要在行内 鼠标右键 - 插入 - 表格 ,并输入行数和列数,Typora 就会自动生成一张样式不错的空表格。

链接引用与脚注

链接引用类似于我们常在论文末尾看到的「参考文献」的写法,你可以通过 []: 的语法来为你的文档加上链接引用。

脚注在少数派的文章中也很常见,即某段话结尾右上角标有数字标记,页面底部进行注释的写法。你可以在需要插入脚注标号的位置写 [^ number ] ,再在下方通过 [^ number ]: 在文档中插入脚注。注意不要遗漏了脚注编号 number 前后的空格。

又一大亮点

当然,最明显的一点是当你按下 Shift + F12 快捷键时,页面会弹出一个基于 Chrome 的开发者工具栏,也就是我们在浏览器中常说的「审查元素」。

HTML

HTML 是一种标记语言,主要负责构成网页的骨架,它包含所有不加装饰的网页元素。在 Typora 的使用场景下则是所有的文本、段落、标题等的记号。

你可以把一张网页想象成一幅数字油画,HTML 就是那个黑白线条的底,上面写满了数字标记,示意你哪一块区域要涂什么颜色。而 CSS 则负责在对应的区域涂上颜色,甚至加上一些装饰等。

数字油画

HTML 标签

Typora 支持许多常用的 HTML 标签,如果你了解 HTML 语法的话,你可以写出十分美观丰富的文档页面。

HTML 标签

事实上你可以在 Typora 中完成许多基本的 HTML 风格的文本输入,例如 HTML 字符、HTML 块、HTML 风格的注释,甚至是视频和音频。

有了这一功能,我们就可以在 Typora 中创造出远超普通 Markdown 文档的页面效果。

主题

选择不同的主题可以使文档拥有不同的外观,但不会影响内容。Typora 自带了若干主题,你也可以在 官网 下载更多的主题。

常用快捷建

总结了一下常用的快捷键,或许对你有帮助。

一: 菜单栏

  • 文件:alt+F
  • 编辑:alt+E
  • 段落:alt+P
  • 格式:alt+O
  • 视图:alt+V
  • 主题:alt+T
  • 帮助:alt+H

二: 文件

  • 新建:Ctrl+N
  • 新建窗口:Ctrl+Shift+N
  • 打开:Ctrl+O
  • 快速打开:Ctrl+P
  • 保存:Ctrl+S
  • 另存为:Ctrl+Shift+S
  • 偏好:Ctrl+,
  • 关闭:Ctrl+W

三:编辑

  • 撤销:Ctrl+Z
  • 重做:Ctrl+Y
  • 剪切:Ctrl+X
  • 复制:Ctrl+C
  • 粘贴:Ctrl+V
  • 复制为MarkDown:Ctrl+Shift+C
  • 粘贴为纯文本:Ctrl+Shift+V
  • 全选:Ctrl+A
  • 选中当前行/句:Ctrl+L
  • 选中当前格式文本:Ctrl+E
  • 选中当前词:Ctrl+D
  • 跳转到文首:Ctrl+Home
  • 跳转到所选内容:Ctrl+J
  • 跳转到文末:Ctrl+End
  • 查找:Ctrl+F
  • 查找下一个:F3
  • 查找上一个:Shift+F3
  • 替换:Ctrl+H

四:段落

  • 标题:Ctrl+1/2/3/4/5
  • 段落:Ctrl+0
  • 增大标题级别:Ctrl+=
  • 减少标题级别:Ctrl±
  • 表格:Ctrl+T
  • 代码块:Ctrl+Shift+K
  • 公式块:Ctrl+Shift+M
  • 引用:Ctrl+Shift+Q
  • 有序列表:Ctrl+Shift+[
  • 无序列表:Ctrl+Shift+]
  • 增加缩进:Ctrl+]
  • 减少缩进:Ctrl+[

五:格式

  • 加粗:Ctrl+B
  • 斜体:Ctrl+I
  • 下划线:Ctrl+U
  • 代码:Ctrl+Shift+`
  • `删除线:Alt+Shift+5
  • 超链接:Ctrl+K
  • 图像:Ctrl+Shift+I
  • 清除样式:Ctrl+

六:视图

  • 显示隐藏侧边栏:Ctrl+Shift+L
  • 大纲视图:Ctrl+Shift+1
  • 文档列表视图:Ctrl+Shift+2
  • 文件树视图:Ctrl+Shift+3
  • 源代码模式:Ctrl+/
  • 专注模式:F8
  • 打字机模式:F9
  • 切换全屏:F11
  • 实际大小:Ctrl+Shift+0
  • 放大:Ctrl+Shift+=
  • 缩小:Ctrl+Shift±
  • 应用内窗口切换:Ctrl+Tab
  • 打开DevTools:Shift+F12

导出格式

支持多种导出格式,有pdf,word,html等,只需要按照他的要求装一个插件即可,非常方便。

题外话

今天下午发现了一个可以将整个网页转换成markdown格式并下载下来的插件:Web Clipper,有兴趣的可以去试试,真的超好用……暂时就写这么多了。

猜你喜欢

转载自blog.csdn.net/qq_38344872/article/details/107496301