typora一个伪装成文本编辑器的浏览器
发布时间:2022-06-20 20:07:19
Typora mac是一款极致简洁的文本编辑器,但它更像是一个伪装成文本编辑器的浏览器。事实上如果你有一定的计算机基础,你可以找到许多有关于「Typora 其实是一个浏览器」的蛛丝马迹。
插入图片
在图片插入的选项中,Typora 用了「复制图片到 ./${filename}.assets 文件夹」的说法,而这其实是网页前端常用的 Javascript 字符串模板语法的风格。
再比如,Typora 将更遵循 GFM 标准的 Markdown 语法模式称为「严格模式 Strict Mode」,这一说法常见于 HTML 和 JavaScript 编程中。类似「源代码模式」的说法也是同理。
当然,最明显的一点是当你按下 Shift + F12 快捷键时,页面会弹出一个基于 Chrome 的开发者工具栏,也就是我们在浏览器中常说的「审查元素」。
伪装从何而来?
当我们把视角放在「Typora 是一个支持 Markdown 语言的文本编辑器」的出发点来考虑这个问题,一切就都显得很明白了。
John Gruber 在 2004 年用 Perl 创造了 Markdown 语言,这个语言的目的是希望大家使用「易于阅读、易于撰写的纯文字格式,并选择性的转换成有效的 XHTML(或是 HTML)」。也就是说,在 Markdown 诞生之初,它就是为了被浏览器阅读而设计的。
我们在用 Markdown 语言撰写文稿的时候,其实本质上是在借助某种编程语言的转化(解析器)来编写一个 HTML 网页。Markdown 从它诞生之初就与 Web 技术有着及其紧密的联系。
如果我说,我们每一篇文稿都是一个网页,那就很好理解了。Typora 利用解析器先将我们写的 Markdown 文档解析成为 HTML 文档,再为它嵌入一个 CSS 样式,最后再加上可能需要的脚本等。
HTML
HTML 是一种标记语言,主要负责构成网页的骨架,它包含所有不加装饰的网页元素。在 Typora 的使用场景下则是所有的文本、段落、标题等的记号。
你可以把一张网页想象成一幅数字油画,HTML 就是那个黑白线条的底,上面写满了数字标记,示意你哪一块区域要涂什么颜色。而 CSS 则负责在对应的区域涂上颜色,甚至加上一些装饰等。HTML 标签
Typora 支持许多常用的 HTML 标签,如果你了解 HTML 语法的话,你可以写出十分美观丰富的文档页面。事实上你可以在 Typora 中完成许多基本的 HTML 风格的文本输入,例如 HTML 字符、HTML 块、HTML 风格的注释,甚至是视频和音频。具体支持的功能和限制请在 官方文档 中查阅。有了这一功能,我们就可以在 Typora 中创造出远超普通 Markdown 文档的页面效果。
导出为 HTML
Typora 原生支持将文档导出为 HTML 格式的文件,并选择是否要嵌入 style(也就是后文我将提到的 CSS 的部分)。
除此之外,由于其本身「浏览器」的属性,你可以直接在实时预览界面用 Ctrl +C 复制到 HTML 代码。一个实用的用处是将这些 HTML 代码直接 Ctrl + V 黏贴到微信公众号后台,基本可以保证两边显示效果相同。这一点不仅使公众号推送可以有更自由、美观的样式,也让编辑、排版更轻松了。(由于微信自带浏览器的一些特性,可能有少部分 CSS style 不能生效,建议多多校对。)
猜你喜欢
- 在金山wps文档中,为用户提供了非常多可以节约工作时间、提高工作效率的应用模板,不过,很多金山wps的用户却不知道,因此,小编今天就跟大家分
- 文稿写完了如何简单又迅速的美化文档?笔者就用这个例子来给大家介绍一种处理文稿的通用思路。本文几乎囊括了Word使用中的最精华部分,涵盖了最常
- 利用word更换证件照的背景色是一项超实用的技能,小编就经常用word更换证件照背景色,需要什么颜色就换什么颜色,简直不要太简单;说到这里,
- 上篇文章我们学习了如何利用图片版式快速进行多图排版,这篇文章再跟大家分享一个图片排版的好工具:表格。用表格排版时,我们可以统一对图片的高度或
- wps演示是可以设置幻灯片循环播放的,你知道怎么做吗?下面小编就为你介绍wps幻灯片怎么设置循环播放的方法啦!wps幻灯片设置循环播放的方法
- 您是否知道,有些 Excel 函数,是 Microsoft 365 订阅专属的哦,举几个例子,一起来看看吧!Office365 excel新
- Excel中排名次如何按照成绩进行排名呢?下面是由小编分享的excel中成绩排名次的教程,以供大家阅读和学习。excel中成绩排名次的教程成
- 对于我们刚刚创建的excel图表,我们都会对图表进行简单的设置和调整,比如更改excel图表的类型,更改excel图表的位置和大小等等,拖动
- 当我们想要将单元格内容进行合并的时候,尤其是人名,合并后通常分不开,那么如何给单元格内容添加逗号之后再合并呢,今天我们就来教大家如何在WPS
- Word文档是很多小伙伴都在使用的办公软件之一,在Word文档中我们可以对大量文字进行编辑和处理操作。比如调整字体字号,设置段落排版布局等等
- 办公中有一些方程组需要进行求解,用Excel具体该如何进行解方程呢?下面是由小编分享的用excel进行解方程的方法,以供大家阅读和学习。用e
- 1.打开WPS文档,选中需要下标的内容,然后右键选择“字体” 2.在“字体”里,我们可以勾选“下标”选项,然后点击
- 本教程为Excel入门教程,详细介绍一般excel表格的制作过程。制作表格前需要你在心里先构思下表格的大致布局和样式,以便实际操作的顺利完成
- 最近有Win10用户反映,IE浏览器的主页被一些流氓软件恶意篡改,并且被锁定导致用户无法修改主页,那么遇到这种问题应该怎么办呢?下面就和小编
- excel表格怎么制作面积折线图?excel表格中想要制作一个面积折线图,该怎么制作呢?下面我们就来看看excel面积折线图的教程,需要的朋
- 我们说,在Excel或WPS表格中,显示在编辑区顶部的列是A、B、C……显示在编辑区左侧的列都是行,这我们都知道。如图1所示,我们可以看到行
- 【可能原因】1 默认打印机选错了,可能是OFFICE安装时装的仿真打印机(虚拟打印机)2 打印机的端口选择了文件3.检查一下文档字体,可能因
- 还是像大家通常所做的那样先在Word文件相应位置插入一个新的空白行然后在复制粘贴数据然后删除原来那行数据的方法么?要在Word表格中交换两行
- 问题:Word 2007 现在自动左缩进1.31cm,首行悬挂2字符。将这两项更改为0后,点击默认,确定,保存退出。再打开时,仍然是左缩进1
- WPS输入的文字怎么制作上下标样式?wps中输入的文字想要将其中的部分做成上下标,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参