Typora 完整使用详情

 2024-01-21 00:05:22  阅读 0

它是一种用于编写结构化文档的纯文本格式。 它可以让我们在手不离开键盘的情况下对文本进行一定程度的格式化。 您可以通过本文快速入门。

由于目前还没有权威的组织来规范语法,因此各个应用厂商所遵循的语法也有所不同。 比较认可的就是GFM标准,它是由著名的代码托管网站开发的。 主要采用GFM标准。 同时,你还可以在文件-首选项-语法首选项-严格模式中将标准设置为“更严格地遵循GFM标准”。 具体内容可以查看这个官方文档。

页面文本中空格输入代码写法_空格的代码怎么写_空格用代码怎么表示

严格模式让写作更舒适

一个文本编辑器,书写舒适是关键。 我曾经说过,“更有趣的是,笔记应用程序不会因为支持语法而变得更先进或更容易使用。” 细节上的人性考虑是最重要的。 编辑体验显然是深思熟虑设计的产物。

我认为:一个优秀的笔记应用应该赋予用户选择语法风格的权利。 在这一点上,它是我迄今为止见过的所有笔记应用程序中最好的。

空格用代码怎么表示_页面文本中空格输入代码写法_空格的代码怎么写

文本编辑设置

打开文件 - 首选项,您会发现编辑体验已经经过深思熟虑到令人惊叹的程度。 有很多可用的首选项,因此您可以构建一个几乎适合您的编辑器。 下面我将介绍一些与文本编辑体验相关的功能亮点。

智能标点符号

我认为“智能标点符号”是一个更有趣的点。 它可以自动帮你把难看的直引号“ ' 转换成更漂亮的弯引号“ ' ” ,具体内容可以查看这篇官方文档,关于如何在 macOS 上输入直引号,你也可以阅读这篇文章。

图片插入

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

它会自动为您插入符合语法的图画句子并为其添加标题。

空格用代码怎么表示_空格的代码怎么写_页面文本中空格输入代码写法

复制图片

您还可以使用图床来保证文档共享后图片仍能正常显示。

更强大的是,它支持拖动或Ctrl+V后自动将网络图像保存到本地。您可以在文件-首选项-编辑器-图像插入中选择复制到哪个路径以及什么情况下需要复制。

空格用代码怎么表示_页面文本中空格输入代码写法_空格的代码怎么写

图片插入

此功能可确保即使网络图像源出现故障,您仍然有可用的本地备份。 同时,也可以让你的文件夹更加合理、完整。

打字机模式和对焦模式

“打字机模式”将您正在编辑的行保留在屏幕中央。

“焦点模式”使您正在编辑的线条保持彩色,而其他线条则显示为灰色。

您可以在视图 - 焦点模式/打字机模式中检查是否使用这两种模式。

页面文本中空格输入代码写法_空格的代码怎么写_空格用代码怎么表示

两种模式实时预览

我想非常果断地得出这个结论:仍然不支持编辑界面实时预览的编辑器基本上可以退出市场了。 他们在这方面显然领先了一大步——他们甚至消除了实时预览中的语法标记。 当您离开正在编辑的格式化文本片段时,标记将自动隐藏,只留下“所见即所得”的美妙。 他们称之为视图。

空格用代码怎么表示_页面文本中空格输入代码写法_空格的代码怎么写

你所看到的就是你得到的

为了防止出现一些程序bug(虽然用过之后感觉很少)导致无法修改的格式问题,所以保留了一种“源代码模式”。 您可以通过查看 - 源模式或左下角的按钮访问它。

空格用代码怎么表示_空格的代码怎么写_页面文本中空格输入代码写法

源模式大纲/文档侧边栏

页面文本中空格输入代码写法_空格的代码怎么写_空格用代码怎么表示

侧边栏

将根据您标记的每个级别的 H1、H2、H3...标题向您呈现一个大纲。

也可以选择查看文件夹内的文件,不过由于目前只支持查看md文件,所以我觉得文件侧边栏功能还是没什么用。

空格和换行符

空格和换行符主要用作注释规范。 和上面提到的GFM一样,它也是目前比较流行的语言规范(解析器)之一。

下面附上上述空格、换行、段落分隔的测试结果。 您可以在官网查看该文档的具体内容。

空格、换行、段落分隔符表情符号

如今,emoji表情越来越多地出现在一些网站文章中,但是在桌面(尤其是系统)文本编辑器中插入emoji却是一件非常麻烦的事情。 在使用它之前,我基本上有两种方式来打出emoji表情:

输入法联想:优点是比较方便,但是会插入图片而不是字符,很多情况下不太适合。 复制emoji符号:优点是可以保证符号的形式,但显然每次使用都需要复制,比较麻烦。

空格用代码怎么表示_页面文本中空格输入代码写法_空格的代码怎么写

输入法关联

在 中,可以以:emoji:的形式输入表情符号,软件会自动给出图文提示,比较好用。

空格用代码怎么表示_页面文本中空格输入代码写法_空格的代码怎么写

在学术文档编辑器中输入表情符号

除了提供优秀的基础文本编辑体验之外,它也是一款非常优秀的学术文档编辑器。 当然,作为一个轻量级的、基于的编辑器,它无法与LaTeX编辑器相媲美,但它仍然支持许多可用于学术写作的功能。

它是一个基于TeX的排版系统。 由于它很容易快速生成复杂的表格和数学公式,因此非常适合生成高打印质量的科学和数学文档。 如果你经常阅读数学、计算机等领域的学术论文,那么你一定对LaTeX很熟悉。

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

内联公式():将公式用$...$括起来,公式将显示为内联。 块间​​公式():用$$...$$将公式括起来(注意$$需要换行),公式默认显示在行的中间。

具体的LaTeX语法这里就不详细说了,大家可以看这篇文章。

代码高亮

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

内联代码:将代码用“...”或“...”括起来。 代码将按照主题中设置的样式内嵌显示,但不会实现代码高亮。 代码块:输入```后,输入语言名,换行,开始写代码,它会自动帮你实现代码高亮。 它原生支持多种编程语言的代码块语法高亮,能够很好的支持日常生活中常用的基本编程语言。

另外,你也可以直接换行开始书写,然后选择语言。

空格用代码怎么表示_空格的代码怎么写_页面文本中空格输入代码写法

代码块表

将表插入.NET 一直是一件令人头疼的事情。 在通用编辑器中,您可以插入以下格式的表格:

| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

乍一看,它似乎直观且易于使用,对吧? 但想想,一旦表格内容参差不齐,或者表格太长而无法入手,直接用键盘输入表格就会非常麻烦和痛苦。

幸运的是,它为我们提供了图形界面插入表格的功能。 只需要右键单击该行--插入--表格,输入行数和列数,就会自动生成一个样式不错的空表格。

表格链接参考和脚注

链接引用类似于我们经常在论文末尾看到的“参考文献”。 您可以使用 []: 语法将链接引用添加到文档中。

脚注在小众文章中也很常见,即在段落末尾的右上角标上数字,在页面底部写上注释。 您可以在要插入脚注标签的位置写上[^],然后在下面传递[^]:即可在文档中插入脚注。 请注意不要错过脚注编号前后的空格。

链接引文和脚注文件系统

除了上面提到的文件侧边栏之外,还提供了一些耦合度不高的文件系统。

页面文本中空格输入代码写法_空格的代码怎么写_空格用代码怎么表示

出口

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

当我的一个朋友问我“有什么可写的?” 我回答说:“这是一个伪装成文本编辑器的浏览器。” 是的,事实上如果你有一定的计算机基础,你可以找到很多关于“其实是浏览器”的线索。

空格的代码怎么写_页面文本中空格输入代码写法_空格用代码怎么表示

图片插入

在图片插入选项中,使用了“将图片复制到./${}.文件夹”的语句,这实际上是网页前端常用的字符串模板语法风格。

又例如,更严格遵循GFM标准的语法模式称为“严格模式Mode”。 该术语常用于 HTML 和编程中。 对于“源代码模式”之类的语句也是如此。

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

页面文本中空格输入代码写法_空格用代码怎么表示_空格的代码怎么写

审查元素伪装从何而来?

当我们从“是一个语言支持的文本编辑器”的角度来考虑这个问题时,一切就变得清晰了。

John 于 2004 年用 Perl 创建了该语言。该语言的目的是让每个人都可以使用“一种易于阅读和编写的纯文本格式,并且可以选择转换为有效的 XHTML(或 HTML)”。 换句话说,从一开始,它就是为了让浏览器读取而设计的。

当我们用语言编写文档时,本质上是在使用某种编程语言转换(解析器)来编写 HTML 网页。 从诞生之日起,它就与Web技术紧密相连。

如果我说我们每一篇稿子都是一个网页,那就很容易理解了。 使用解析器首先将我们编写的文档解析为 HTML 文档,然后将 CSS 样式嵌入其中,最后添加任何必要的脚本等。

超文本标记语言

HTML是一种标记语言,主要负责形成网页的骨架。 它包含所有未经修饰的网页元素。 在使用场景中,它是所有文本、段落、标题等的标记。

您可以将网页视为一幅数字油画。 HTML 是黑白线的基础,其中填充了数字标记来指示您要在哪个区域绘制哪种颜色。 CSS负责给相应的区域应用颜色,甚至添加一些装饰。

页面文本中空格输入代码写法_空格用代码怎么表示_空格的代码怎么写

数字油画 HTML 标签

它支持许多常用的 HTML 标签。 如果您了解 HTML 语法,您就可以编写非常漂亮且丰富的文档页面。

空格用代码怎么表示_空格的代码怎么写_页面文本中空格输入代码写法

HTML标签

事实上,您可以完成许多基本的 HTML 风格的文本输入,例如 HTML 字符、HTML 块、HTML 风格的注释,甚至视频和音频。 具体支持的功能和限制请查看官方文档。

借助此功能,我们可以创建远远超出普通文档的页面效果。

导出为 HTML

原生支持将文档导出为HTML格式文件并选择是否嵌入样式(也就是我后面会提到的CSS部分)。

另外,由于其自​​带的“浏览器”属性,可以在实时预览界面直接使用Ctrl+C复制为HTML代码。 一个实际的用途就是使用Ctrl+V直接将这些HTML代码粘贴到微信公众号后台,这样基本可以保证两边的显示效果是一样的。 这不仅让公众号推送拥有更自由、更美观的风格,也让编辑排版变得更加简单。 (由于微信自带浏览器的一些特性,部分CSS样式可能无法生效,建议校对一下。)

空格用代码怎么表示_空格的代码怎么写_页面文本中空格输入代码写法

没有公开

您可以详细了解如何使用公众号进行写作。 您可以在本文中了解更多信息。

CSS

为了使文档更加美观,我们可以为其添加CSS样式。 我认为 CSS 支持使其成为最独特的桌面笔记应用程序之一。 CSS在中被称为“主题”,但其本质仍然是一个CSS文件。 您可以在文件 - 首选项 - 主题 - 打开主题文件夹中看到这些 CSS 文件。

空格的代码怎么写_空格用代码怎么表示_页面文本中空格输入代码写法

主题

空格的代码怎么写_页面文本中空格输入代码写法_空格用代码怎么表示

主题文件夹

选择不同的主题可以使您的文档具有不同的外观,而不会影响内容。 它带有多个主题,您还可以从官方网站下载更多主题。

页面文本中空格输入代码写法_空格用代码怎么表示_空格的代码怎么写

主题店

另外,如果你有一定的Web编程基础,你当然可以修改并创建新的适合你需要的CSS文件。 我写了一个名为的CSS文件来满足我公众号的具体布局要求。 例如,正文为15px,边距为8,副标题为18px等。

页面文本中空格输入代码写法_空格用代码怎么表示_空格的代码怎么写

CSS 文件

使用“主题”功能编写公众号的一个好处是我们每次只需要应用相同的主题。 我们可以节省大量的重复工作,同时确保每次的格式规范都相同。

YAML 前端-

支持将基于 YAML 的前端信息添加到文档标题。 该功能适合将文档分类存档上传到使用Hexo框架构建的博客中。 我对此了解不多,所以这里就不误导大家了。 有知道的朋友可以在评论区讨论一下!

写在最后

如果您查看变更日志,您会发现它于 2015 年 12 月 19 日发布了版本 0.7.0(alpha),但到目前为止它仍处于测试阶段。 截至撰写本文初稿时,版本号为 0.9.9.24.6(测试版)。

我想,能够花费三年多的时间来打磨和测试一款产品,开发者一定在这款笔记应用上下了很大的功夫。 而且在使用的同时,我也能体会到开发者的良苦用心。 他们不想成为一个知识存储中心、一个快速绘图或记笔记的应用程序,或者任何与生产力无关的功能和特性。 对于设计和构思来说,目的只有一个——“生产效率”。

由于移动生产力较低,因此只有桌面应用程序。 因为左右看的两列预览影响了思路,他们甚至去掉了语法标签,只留下了最终的样式。 因为它们是为 HTML 渲染而设计的,所以它们提供了一系列从入门级到高级的 Web 可访问性功能......所有这些都是为了纯粹的生产力。 回想一下,语言本身不就是为了高效生成简单的网页而生的吗?

最后,让我们共同期待这款顶级桌面文字生产力工具正式版的到来!

参考

前- - Hexo 让写作更简单,一款免费的极简编辑器:用它一次性完成公众号的写作和排版。 简单中求效率:认识LaTeX关于+导出文件功能的介绍。 我的LaTeX入门选对了-可以用⌘C⌘V图解编辑HTML中--,Unix和Mac不同操作系统中的换行问题-回车符\r和换行符\n分析中的效果简体中文:邂逅LaTeX通用注释()和Line——

标签: 文档 语法 插入

如本站内容信息有侵犯到您的权益请联系我们删除,谢谢!!


Copyright © 2020 All Rights Reserved 京ICP5741267-1号 统计代码