热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

markdown代码字体大小_轻松学透Markdown的终极教程#2:Markdown编辑器软件

工欲善其事必先利其器,一款好的Markdown编辑器软件让你的文字工作变得更加高效、顺畅Markdown格式的文档是纯文本格式的文档,只不过这些纯文本中

工欲善其事必先利其器,一款好的Markdown编辑器软件让你的文字工作变得更加高效、顺畅

Markdown格式的文档是纯文本格式的文档,只不过这些纯文本中含有一些用于简单的排版控制的标记语法。

按道理来说任何可以编辑纯文本的软件(包括最简单的记事本软件),都可以用来编辑Markdown格式的文档,但是我们推荐大家尽量使用专门的Markdown编辑器软件或者带有Markdown功能的软件去处理Markdown格式的文档,因为这类软件对Markdown做了更好的支持,使用起来更加的便捷高效。

2.1 Markdown编辑器软件存在的价值

同样的一篇Markdown格式的文档,我们先不使用专门的Markdown编辑器打开,而是使用普通的类似于记事本的纯文本编辑器打开看下:

3445416578e87ea3ed7dbab95bd63605.png

图1 使用记事本类的软件打开Markdown格式的文档效果

有没有觉得太“素”了,甚至有点觉得杂乱。

同样的文档,我们再使用随便一款专门的Markdown编辑器打开看看:

f6a7bea3e4ec8fe304be271d53f8a7eb.png

图2 Atom编辑器 + Markdown插件打开Markdown格式的文档效果

使用专门的Markdown编辑器或者带有Markdown功能打开Markdown文档的效果给人很“漂亮”的感觉。

左侧为Markdown文档的编辑区域,右侧为最终的效果预览区域,左侧编辑区域的标记语法高亮显示,让标记语法和内容分得很清楚,右侧可以对左侧的编辑内容实时的更新显示出最终预览效果。

这些都只是我们面上看到的功能,其实这些专门的软件还有很多其他的功能,像变换最终的预览样式、快捷键快速插入标记语法、图床的支持等等。

2.2.1 Markdown编辑器软件做了些什么

上面我们看到了普通的纯文本编辑器和专门的Markdown编辑器的使用区别,我们来简单了解下Markdown编辑器究竟在背后做了些什么工作。

0b0f3c77e0e97073ddbe542fafc23e1e.png

图3 Markdown软件一般处理过程

Markdown软件的一般处理过程是:Markdown编辑器软件会使用软件「内置的Markdown语法解析器」对Markdown文档进行「解析」,解析成HTML格式的文档,然后再将解析后的HTML格式的文档交给软件「内置的浏览器」进行「渲染显示」,渲染显示的时候Markdown软件会调用软件内置的CSS样式文件来控制最终显示的样式效果。

CSS样式文件用于控制HTML文档中的字体大小、行间距、字间距、段落间距、字体颜色、链接样式等各种HTML标记的最终的显示样式效果。

2.2 Markdown编辑器软件推荐

市场上有很多非常优秀的Markdown编辑器软件,我们这里给大家挑选整理出其中的一部分,选择一款合适的软件开始你的Markdown之旅吧。

2.2.1 简单易用型

Ulysses

1bea122fe668de66711cd6a0c11efee8.png

只支持苹果平台:MacOS、iPadOS、iOS,暂不支持其他平台,收费软件,好的东西是值得付费的,推荐Mac用户使用这款软件,使用体验非常的好。

iA Writer

b516888c31788f49d0173c5306127d6a.png

全平台支持:Windows、MacOS、iPadOS、iOS、Android,收费软件,很简洁清爽。

MacDown

cfdeee4460af44ede4828e9c8dc2e301.png

只支持MacOS,开源免费,适合初学者上手练习之用。

MarkdownPad

6dcca86135e600ff7a32ac7124a128dd.png

Windows专用Markdown编辑器,只支持Windows系统,推荐Windows用户使用,口碑很好,基础版软件免费,高级专业版需要付费。

ReText

efd1c10606d41f98250e0978eb686812.png

Linux专属Markdown编辑器,支持Linux系统及POSIX兼容的系统,免费开源。

Typora

116d9143167648fe07e6c801af1cef53.png

支持Windows、MacOS、Linux系统,目前官网上说是beta版免费,不一样的Markdown编辑器,编辑的时候会自动隐藏掉Markdown的标记语法,挺有意思的一款Markdown编辑器。

MWeb

821233547268158de1d07ceb9dbeabf9.png

只支持苹果平台:MacOS、iPadOS、iOS,暂不支持其他平台,收费软件,国人独立开发者做出来的一款Markdown编辑器。

Boost Note

Boost Note.png

55b3129621c44f12ceb910f02f3d8805.png

支持Windows、MacOS、Linux系统、支持浏览器操作、手机端APP很快发布,开源软件,基础版不收费,高级版收费,据说这款软件对程序员朋友很友好哦,在文档中可以轻松混合文字和代码。

Quiver

1a717cf6ab504df2a210aa8ff4703435.png

支持MacOS、iOS,这款Markdown编辑器对程序员朋友也很友好哦,方便记录代码和文字,很适合于技术写作者。

还有许许多多的笔记类软件很好的支持Markdown,像印象笔记有道云笔记为知笔记等等都对Markdown有很强大的支持。

这种笔记类软件一般都是提供全平台的软件和APP的,同时他们对Markdown中的痛点问题图片图床提供了更加简单高效的支持,也有强大的文档云同步的功能,也十分推荐大家去尝试这种类型的软件去使用到Markdown。

在线的Markdown编辑器

只需打开浏览器就可以快速的感受到Markdown,轻便、跨平台、免费。

Cmd Markdown、马克飞象等等

2.2.2 geek爱折腾型

如果你是个极客geek,喜欢自己折腾,动手能力强大,你可以试试一些「代码神器」:ATOM、Sublime、VSCode。

这些「代码神器」都是非常优秀的代码编辑器,擅长于纯文本编辑,将这些「代码神器」应用于Markdown的编辑时,需要在这些软件里下载并加载一些支持Markdown的插件

ATOM

bfeeea225435e5859ccc420c2a20851d.png

支持Windows、MacOS、Linux平台,开源免费。

该软件推荐安装的Markdown插件:

编辑增强插件:markdown-writer、tool-bar-markdown-writer

预览插件:markdown-preview-enhanced、markdown-preview-plus

还可以通过软件自带的安装插件功能搜索安装更多的Markdown插件

Tips: 如果安装了多个相同类型的插件,使用时可能会出现冲突,需要人为手动去禁用一些有冲突的插件。

VSCode

fdb3c25fb2a4577db8d1d9ac5fcd9b0c.png

支持Windows、MacOS、Linux平台,开源免费。

该软件推荐安装的Markdown插件:

编辑增强插件:markdown-all-in-one、markdown toc

预览插件:Markdown Preview Enhanced

还可以通过软件自带的安装插件功能搜索安装更多的Markdown插件

Tips: 如果安装了多个相同类型的插件,使用时可能会出现冲突,需要人为手动去禁用一些有冲突的插件。

Sublime Text

59f78768ced56ed6ee0c89705afd408d.png

支持Windows、MacOS、Linux平台,Sublime Text是收费软件,但是可以无限试用,未得到有效授权的软件会经常有弹窗提示,但不影响使用。

该软件推荐安装的Markdown插件:

编辑增强插件:MarkDown Editing

预览插件:MarkdownLivePreview 、OmniMarkupPreviewer

还可以通过软件自带的安装插件功能搜索安装更多的Markdown插件

Tips: 如果安装了多个相同类型的插件,使用时可能会出现冲突,需要人为手动去禁用一些有冲突的插件。

除了上面我们介绍的那些软件外,市场上还有非常多其他优秀的Markdown编辑器软件,大家可以自行再去搜索查找,我们这里就不再给大家做过多的介绍了。

2.3 Markdown编辑器软件具有的一般功能特性总结

纵观市场上的各种优秀的Markdown软件,它们所提供的功能都大同小异,我们这里也简单总结下这些软件所具有的一般功能特性:

  1. 编辑区域标记语法高亮显示
  2. 最终呈现的效果预览
  3. 支持快捷键快速输入标记语法
  4. 插入图片的图床支持
  5. 导出成HTML、Word、PDF、markdown文本、ePub等各种格式的文件
  6. 文件的云端存储、同步功能
  7. 多文档管理

每款软件有这些一般的特性外,还有各自的独特的一些功能支持,比如字数统计、文件一键发布至WordPress、分享文章等等。

下一篇教程我们给大家讲Markdown的标准标记语法,一张图即可看懂



推荐阅读
  • 如何实现JDK版本的切换功能,解决开发环境冲突问题
    本文介绍了在开发过程中遇到JDK版本冲突的情况,以及如何通过修改环境变量实现JDK版本的切换功能,解决开发环境冲突的问题。通过合理的切换环境,可以更好地进行项目开发。同时,提醒读者注意不仅限于1.7和1.8版本的转换,还要适应不同项目和个人开发习惯的需求。 ... [详细]
  • 本文介绍了响应式页面的概念和实现方式,包括针对不同终端制作特定页面和制作一个页面适应不同终端的显示。分析了两种实现方式的优缺点,提出了选择方案的建议。同时,对于响应式页面的需求和背景进行了讨论,解释了为什么需要响应式页面。 ... [详细]
  • 本文介绍了如何在Azure应用服务实例上获取.NetCore 3.0+的支持。作者分享了自己在将代码升级为使用.NET Core 3.0时遇到的问题,并提供了解决方法。文章还介绍了在部署过程中使用Kudu构建的方法,并指出了可能出现的错误。此外,还介绍了开发者应用服务计划和免费产品应用服务计划在不同地区的运行情况。最后,文章指出了当前的.NET SDK不支持目标为.NET Core 3.0的问题,并提供了解决方案。 ... [详细]
  • Skywalking系列博客1安装单机版 Skywalking的快速安装方法
    本文介绍了如何快速安装单机版的Skywalking,包括下载、环境需求和端口检查等步骤。同时提供了百度盘下载地址和查询端口是否被占用的命令。 ... [详细]
  • 20211101CleverTap参与度和分析工具功能平台学习/实践
    1.应用场景主要用于学习CleverTap的使用,该平台主要用于客户保留与参与平台.为客户提供价值.这里接触到的原因,是目前公司用到该平台的服务~2.学习操作 ... [详细]
  • PDF内容编辑的两种小方法,你知道怎么操作吗?
    本文介绍了两种PDF内容编辑的方法:迅捷PDF编辑器和Adobe Acrobat DC。使用迅捷PDF编辑器,用户可以通过选择需要更改的文字内容并设置字体形式、大小和颜色来编辑PDF文件。而使用Adobe Acrobat DC,则可以通过在软件中点击编辑来编辑PDF文件。PDF文件的编辑可以帮助办公人员进行文件内容的修改和定制。 ... [详细]
  • 本文介绍了腾讯最近开源的BERT推理模型TurboTransformers,该模型在推理速度上比PyTorch快1~4倍。TurboTransformers采用了分层设计的思想,通过简化问题和加速开发,实现了快速推理能力。同时,文章还探讨了PyTorch在中间层延迟和深度神经网络中存在的问题,并提出了合并计算的解决方案。 ... [详细]
  • 本文介绍了Sencha Touch的学习使用心得,主要包括搭建项目框架的过程。作者强调了使用MVC模式的重要性,并提供了一个干净的引用示例。文章还介绍了Index.html页面的作用,以及如何通过链接样式表来改变全局风格。 ... [详细]
  • 2016 linux发行版排行_灵越7590 安装 linux (manjarognome)
    RT之前做了一次灵越7590黑苹果炒作业的文章,希望能够分享给更多不想折腾的人。kawauso:教你如何给灵越7590黑苹果抄作业​zhuanlan.z ... [详细]
  • PL2303HXD电路图(USB转UART)介绍及应用
    本文介绍了PL2303HXD电路图(USB转UART)的特性和应用,该电路图可以实现RS232和USB信号的转换,方便嵌入到手持设备中。PL2303HXD作为USB/RS232双向转换器,可以将USB数据转换为RS232信息流格式发送给外设,并将RS232外设的数据转换为USB数据格式传送回主机。通过利用USB块传输模式和自动流量控制,PL2303HXD能够实现更高的数据传输吞吐量比传统的UART端口。 ... [详细]
  • 本文介绍了Windows Vista操作系统中的用户账户保护功能,该功能是为了增强系统的安全性而设计的。通过对Vista测试版的体验,可以看到系统在安全性方面的进步。该功能的引入,为用户的账户安全提供了更好的保障。 ... [详细]
  • Unity3D引擎的体系结构和功能详解
    本文详细介绍了Unity3D引擎的体系结构和功能。Unity3D是一个屡获殊荣的工具,用于创建交互式3D应用程序。它由游戏引擎和编辑器组成,支持C#、Boo和JavaScript脚本编程。该引擎涵盖了声音、图形、物理和网络功能等主题。Unity编辑器具有多语言脚本编辑器和预制装配系统等特点。本文还介绍了Unity的许可证情况。Unity基本功能有限的免费,适用于PC、MAC和Web开发。其他平台或完整的功能集需要购买许可证。 ... [详细]
  • wpf+mvvm代码组织结构及实现方式
    本文介绍了wpf+mvvm代码组织结构的由来和实现方式。作者回顾了自己大学时期接触wpf开发和mvvm模式的经历,认为mvvm模式使得开发更加专注于业务且高效。与此同时,作者指出mvvm模式相较于mvc模式的优势。文章还提到了当没有mvvm时处理数据和UI交互的例子,以及前后端分离和组件化的概念。作者希望能够只关注原始数据结构,将数据交给UI自行改变,从而解放劳动力,避免加班。 ... [详细]
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • 本文介绍了南邮ctf-web的writeup,包括签到题和md5 collision。在CTF比赛和渗透测试中,可以通过查看源代码、代码注释、页面隐藏元素、超链接和HTTP响应头部来寻找flag或提示信息。利用PHP弱类型,可以发现md5('QNKCDZO')='0e830400451993494058024219903391'和md5('240610708')='0e462097431906509019562988736854'。 ... [详细]
author-avatar
手机用户2502900625
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有