markdown使用3_typora入门

typora入门

此处关于typora绝大部分内容来自Typora 完全使用详解这篇文章,原文对typora的介绍相当详细, 有时间在整理. 我只是取其中一部分作为我对使用markdown作为文档资料整理的第三部分, 即我是用的软件typora.

简介

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

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

文本编辑设置

打开文件-偏好设置, 提供了大量的自定义设置

智能标点

可以自动将直引号" '转化为更美观的弯引号 “ ‘ ’ ”

插入图片

1. 截图 在typora直接Ctrl+V粘贴图片
2. 网络图片: 直接在图片上点击右键, 复制图片, 回到typora中ctrl+V
3. 本地图片: 直接拖动

typora会自动插入符合markdown语法的图片语句, 并给它加上标题.

typora支持拖动或ctrl+v网络图片后自动保存到本地.可以再文件-偏好设置-编辑器-图片插入中选择复制到哪个路径.从而使得即使网络图片源实现奥, 本地备份的也可用.

打字模式和专注模式

• [专注模式]: 使得编辑的那一行保留颜色, 其他行的字体呈现灰色.
  在这里插入图片描述

实时预览

当离开正在编辑的有格式的文本段后, typora会自动隐层markdown标记, 即所见即所得.

原代码模式

可以通过试图-源代码模式或左下角的</>按钮进入

大纲

根据H1, H2, H3,…各级标题呈现大纲

也可以选择查看文件夹中的文件(目前只支持查看md文档)

空格与换行

Typora 在空格与换行部分主要是使用 CommonMark 作为标注规范。与前文提到的 GFM 一样，CommonMark 也是比较流行的 Markdown 语言规范（解析器）之一。

• [空格]: 在输入连续空格后, Typora会再编辑器视图保留这些空格, 但再打印或导出时, 这些空格会被省略为一个.

  可以再源代码模式下, 为每个空格前加入一个\转义符, 或者直接使用html风格的&nbps来保持连续空格

• 软换行: 再markdown语法中,换行(line break)与换段不同. 换行分为软换行和硬换行. 在typora中,可使用shift-Enter完成一次软换行. 软幻煌旨在编辑界面可见, 文档被导出时软换行会被省略.

• 硬换行: 可以通过空格+空格+shift+enter完成一次硬换行, 词换行在被导出时保留, 且灭有换段的段后距.

• 换段: 可以通过enter实现. typora会自动实现两次shift+enter的软换行.

以下为各空, 换行, 换段的测试结果

emoji表情

• 输入法联想: 比较方便, 但是会插入一张图片
• 复制emoji符号: 保证符号的形式

用:emoji:的形势打出emoji, 软件会自动给出图形的提示.

链接引用与脚注

• 链接引用:类似于参考文献的写法, 可以用[]:的语法在文档加上链接引用.

• 脚注: 即在某段话结尾右上角标记数字,页面底部进行注释的写法.可在需要插入脚注标号位置写[^ number], 再在下方通过[^ number]:在文档插入脚注.

一个伪装成文本编辑器的浏览器

在图片插入选项中,typora用了 复制图片到 ./${filename}.assets 文件夹」, 这于网页前端常用的Javascript字符串模板语法.

此外typora遵循GFM标准, 其常见于HTML和JavaScript中.

当按下shift+f12时, 会弹出基于chrome的开发者工具栏.

HTML标签

typora支持许多常用的HTML标签, 可以完成许多基本的HTML风格的文本输入, 例如HTML块, HTML风格的注释，　甚至是视频和音频．

这一功能远超出普通的Markdown文档的页面效果．

导出为HTML

typora支持文档导出为HTML格式的文件, 并选择是否嵌入style.

因为其本身具备浏览器的属性, 可以直接在实时预览界面ctrl+c复制到HTML代码. (可直接将HTML代码粘贴到微信公众号后台, 基本可以保证两边效果相同.)

CSS

可以在文件-偏好设置-主题-打开主题文件夹看到这些CSS文件, 实现主题的修改.

typora自带若干主题, 可以在 官网 下载更多的主题。

参考

• Typora 完全使用详解