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 格式的高亮显示,如图:

2. 使用 Markdown Preview 生成 HTML

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

通过给出的选项,我们可以在浏览器中预览生成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

使用Sublime Text作为Markdown编辑器相关推荐

  1. 【IOS学习之工具学习】sublime text mac(代码编辑器)

    使用苹果电脑有时候想要查看代码,编辑代码,如果是ios开发可以用xcode打开查看,但是如果是其他的代码,比如java或者其他,又没有安装对应的开发工具,这时,我们可以使用sublime text这个 ...

  2. 如何使用Sublime Text 3作为Markdown编辑器

    如何使用Sublime Text 3作为Markdown编辑器? 参考百度经验: http://jingyan.baidu.com/article/f006222838bac2fbd2f0c87d.h ...

  3. 怎样下载python模块sublime text3中_python安装环境配置、python模块添加、sublime text编辑器配置...

    前提:本文讲述的是  windows环境 python相应的安装配置. 进入官网找安装包,官网地址如下:https://www.python.org/downloads/ 找到相应2.7.x或3.x版 ...

  4. sublime html整理阶梯,sublime text 之添加插件 并使用

    通过package  controll  install  安装各种插件: 1:AdvancedNewFile,安装完毕后 快捷键:ctr+alt+n:输入框中输入你要创建的文件夹和文件,就创建好了. ...

  5. SitePoint Smackdown:Atom,括号,Light Table,Sublime Text

    Trending posts on SitePoint today: 今天在SitePoint上的热门帖子: How to Synchronize WordPress Live and Develop ...

  6. markdown编辑器--小书匠

    背景 先上一张图 使用markdown来编写blog,编辑器的选择一直是一个让我相当头疼的问题,我曾经尝试过网页版的马克飞象,说实在的确实使用起来挺好的,尤其是我一直使用印象笔记,马克飞象可以很方便的 ...

  7. Sublime Text 2

    Sublime Text是一个编辑器,神器级的,用官方的话来说就是a sophisticated text editor for code, markup and prose..该软件跨平台,32bi ...

  8. 前端之sublime text配置

    接下来我们来了解如何调整sublime text的配置,可能很多同学下载sublime text的时候就是把它当成记事本来使用,也就是没有做任何自定义的配置,做一些自定义的配置可以让sublime t ...

  9. Sublime Text 3 快捷实现文件在浏览器中打开

    Sublime Text 3代码编辑器   问题:Sublime Text 3编写文件无法使用快捷键在浏览器中查看? 解决方法一:通过Sublime Text 3安装View In Browser插件 ...

最新文章

  1. 业务系统性能问题分析和诊断
  2. Arduino-一些函数
  3. 牛客题霸 [ 有重复项数字的所有排列] C++题解/答案
  4. matlab 的cat函数
  5. 数字图像处理-- 图像的统计方法
  6. 如何让电脑开机自启动程序
  7. Citrix 整体架构 端口列表 Tcp Port
  8. ExcelJS 将JSON数组转换成为Excel文件 / JSON转换成为XLSX / 网页导出Excel表格
  9. 搭建cocos2d-x-android环境 Windows XP3 + Eclipse + NDKR7(或ndkr7b)+COCOS2DX(没有用到cygwin和minigw)...
  10. 未来人工智能发展趋势
  11. thinkphp6自定义日志驱动,增加显示全部请求信息
  12. 关于计算机网考教学研讨,【计算机教学论文】计算机教学质量的研讨2篇(共4479字)...
  13. arm学习方法(转)
  14. android 实时同步短信,备份Android短信的4种方法你最好知道
  15. DFS入门级(模板)
  16. Vue调用本地摄像头权限
  17. 佛系三连 都行 都可以 没关系
  18. php切换背景颜色,点击切换背景颜色
  19. BZOJ_3362_[Usaco2004 Feb]Navigation Nightmare 导航噩梦_并查集
  20. linux安装包软件命令

热门文章

  1. 数组线性表ArrayList的内部实现
  2. cfs调度算法JAVA实现_关于CFS/BFS调度算法
  3. 电脑分辨率设置工具_干货分享:PPT 导出高清分辨率图片的四种方法
  4. (Mybatis)lombok使用
  5. 从喧闹与富有中搞懂搜索和拓扑
  6. 杭电1430康托 bfs(java)
  7. Java Optional 的 orElse() 和 orElseGet() 的区别
  8. Redis专题-持久化方式
  9. 子网划分,9张表格搞定
  10. 【实验】如何实现远程同一网段互通?