使用Sublime Text作为Markdown编辑器

简介:

Sublime Text 3作为一个优秀的文本编辑器,拥有很多的扩展插件。我们可以利用这些插件为Sublime Text 增加扩展的功能,在这里我们借助两个插件来将Sublime Text 3变成一个 Markdown 的编辑器。

1. 安装Markdown Editing和Markdown Preview 插件

我们借助 Package Control 来安装插件(如果Sublime Text 3还没有安装Package Control,请参考这里:Package Control Installation)。点击 Preferences --> 选择 Package Control: intall,然后再插件库中分别选择和安装Markdown EditingMarkdown Preview即可。然后重启Sublime Text 3,创建一个以md为后缀的文件,既可以开始编辑Markdown文件了。Markdown Editing 为提供了 Markdown 格式的高亮显示,如图:

251326002036398.png

2. 使用 Markdown Preview 生成 HTML

输入 Shift + Ctrl + P,输入 Markdown Preview,可以看到如下选项:

251702477653380.png

通过给出的选项,我们可以在浏览器中预览生成HTML的效果,也可以保存,或者导出生成的HTML文件。现在我们选择第一个选项:Preview in Browser ,然后再选择一个生成HTML的CSS模板,就可以在浏览器中看到生成的HTML了。

自定义快捷键

如果我们想要直接在浏览器中预览效果的话,可以自定义快捷键:点击 Preferences --> 选择 Key Bindings User,输入:

"keys": ["alt+m"], "command": "markdown_preview", "args": { "target": "browser"} 

保存后,直接输入快捷键:Alt + M 就可以直接在浏览器中预览生成的HTML文件了。

设置语法高亮和mathjax支持

Preferences -> Package Settings -> Markdown Preview -> Setting - User中添加如下参数:

{
    /*
        Enable or not mathjax support.
    */
    "enable_mathjax": true,

    /*
        Enable or not highlight.js support for syntax highlighting.
    */
    "enable_highlight": true,
}

因为Sublime Text 3 开始不能直接修改 Setting - Default 中的设置了,我们需要在对应的 Setting - User选项里面对Default中的默认参数重写覆盖即可。

后记

原来使用的是 markdownPad2 这个编辑器也非常好用,不过它只能支持原始的 Markdown 解析,如果是对于 Table 这样的的扩展语法则需要使用付费的版本;Atom 编辑器也内置了(插件)对 markdown 的支持,不过由于其架构的原因,启动速度会比较慢,特别是对于硬盘不是SSD的机器来说,所以对于经常使用Sublime 作为主力编辑器(代码片段),最后还是选择了使用 Sublime 作为 Markdown的编辑器。

参考&进一步阅读

http://www.mathjax.org

分类:  工具技巧
本文转自gyzhao博客园博客,原文链接:http://www.cnblogs.com/IPrograming/p/Sublime-markdown-editor.html ,如需转载请自行联系原作者
相关文章
|
11天前
|
前端开发 JavaScript Linux
Sublime Text 3配置Go语言开发环境
【4月更文挑战第13天】本篇文章 Huazie 向大家介绍使用 Sublime Text 3搭建Go语言开发环境,并演示编译运行 Go语言代码
701 8
Sublime Text 3配置Go语言开发环境
|
11天前
|
程序员 Linux iOS开发
一款比Typora更简洁优雅的Markdown编辑器神器(完全开源免费)
一款比Typora更简洁优雅的Markdown编辑器神器(完全开源免费)
|
11天前
|
前端开发 C++ iOS开发
几款主流好用的markdown编辑器介绍
几款主流好用的markdown编辑器介绍
74 1
|
3天前
|
存储 移动开发 编解码
基于HTML5开发的Markdown在线编辑器
Markdown是一种轻量级标记语言,以其简洁易读的格式而备受程序员和作者们的青睐。随着互联网的发展,越来越多的在线Markdown编辑器应运而生,为用户提供了更加便捷、高效的写作和编辑环境。本文将探讨基于HTML5开发的Markdown在线编辑器的设计原理、功能特点以及技术优势。
13 1
基于HTML5开发的Markdown在线编辑器
|
3天前
|
Web App开发 移动开发 搜索推荐
常见的Markdown在线编辑器
在线Markdown编辑器提供了更加稳定和流畅的用户体验。用户无需下载安装任何软件,只需打开浏览器,即可在任何设备上轻松使用这款编辑器,实现随时随地的写作。基于HTML5的在线Markdown编辑器可实现即时的编辑和预览功能
9 2
|
9天前
|
前端开发 Unix Linux
Sublime Text 3配置 Python 开发环境
【5月更文挑战第7天】本篇 Huazie 介绍了 Sublime Text 3 配置 Python 开发环境的相关内容,感兴趣的朋友赶紧配置起来,有任何问题可以随时评论区沟通。
31 1
Sublime Text 3配置 Python 开发环境
|
11天前
|
开发框架 前端开发 C#
Sublime Text 3配置 C# 开发环境
【5月更文挑战第2天】本篇 Huazie 介绍了 Sublime Text 3 配置 C# 的相关内容,感兴趣的朋友赶紧配置起来,有任何问题可以随时评论区沟通。
63450 7
Sublime Text 3配置 C# 开发环境
|
11天前
|
C++
Sublime Text 3 解决中文乱码问题
【5月更文挑战第1天】本篇介绍 Sublime Text 3 解决中文乱码问题,不仅仅适用于 C/C++ 代码,也适用于其他任何 Sublime Text 3 集成的开发环境。
466 5
Sublime Text 3 解决中文乱码问题
|
11天前
|
API 开发工具 C++
【专栏:工具与技巧篇】使用代码编辑器(VS Code/Sublime Text)提升开发效率
【4月更文挑战第30天】在VS Code与Sublime Text两大流行代码编辑器中,开发者可借助其高效特性提升编程效率。VS Code拥有丰富的插件生态、内置Git集成、强大的调试工具、智能提示和多文件导航功能。Sublime Text则以其轻量级、快速响应、多光标编辑及自定义构建系统见长。学习编辑器的键盘快捷键、自定义配置、使用内置终端以及键绑定和宏,将助开发者进一步提高开发效率。选择适合自己的编辑器并不断适应新技术是提升开发工作流的关键。
|
11天前
|
API CDN
Electron Markdown编辑器实战:资源管理器实现
Electron Markdown编辑器实战:资源管理器实现