使用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 Editing
和Markdown 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编辑器相关推荐
- 【IOS学习之工具学习】sublime text mac(代码编辑器)
使用苹果电脑有时候想要查看代码,编辑代码,如果是ios开发可以用xcode打开查看,但是如果是其他的代码,比如java或者其他,又没有安装对应的开发工具,这时,我们可以使用sublime text这个 ...
- 如何使用Sublime Text 3作为Markdown编辑器
如何使用Sublime Text 3作为Markdown编辑器? 参考百度经验: http://jingyan.baidu.com/article/f006222838bac2fbd2f0c87d.h ...
- 怎样下载python模块sublime text3中_python安装环境配置、python模块添加、sublime text编辑器配置...
前提:本文讲述的是 windows环境 python相应的安装配置. 进入官网找安装包,官网地址如下:https://www.python.org/downloads/ 找到相应2.7.x或3.x版 ...
- sublime html整理阶梯,sublime text 之添加插件 并使用
通过package controll install 安装各种插件: 1:AdvancedNewFile,安装完毕后 快捷键:ctr+alt+n:输入框中输入你要创建的文件夹和文件,就创建好了. ...
- SitePoint Smackdown:Atom,括号,Light Table,Sublime Text
Trending posts on SitePoint today: 今天在SitePoint上的热门帖子: How to Synchronize WordPress Live and Develop ...
- markdown编辑器--小书匠
背景 先上一张图 使用markdown来编写blog,编辑器的选择一直是一个让我相当头疼的问题,我曾经尝试过网页版的马克飞象,说实在的确实使用起来挺好的,尤其是我一直使用印象笔记,马克飞象可以很方便的 ...
- Sublime Text 2
Sublime Text是一个编辑器,神器级的,用官方的话来说就是a sophisticated text editor for code, markup and prose..该软件跨平台,32bi ...
- 前端之sublime text配置
接下来我们来了解如何调整sublime text的配置,可能很多同学下载sublime text的时候就是把它当成记事本来使用,也就是没有做任何自定义的配置,做一些自定义的配置可以让sublime t ...
- Sublime Text 3 快捷实现文件在浏览器中打开
Sublime Text 3代码编辑器 问题:Sublime Text 3编写文件无法使用快捷键在浏览器中查看? 解决方法一:通过Sublime Text 3安装View In Browser插件 ...
最新文章
- 业务系统性能问题分析和诊断
- Arduino-一些函数
- 牛客题霸 [ 有重复项数字的所有排列] C++题解/答案
- matlab 的cat函数
- 数字图像处理-- 图像的统计方法
- 如何让电脑开机自启动程序
- Citrix 整体架构 端口列表 Tcp Port
- ExcelJS 将JSON数组转换成为Excel文件 / JSON转换成为XLSX / 网页导出Excel表格
- 搭建cocos2d-x-android环境 Windows XP3 + Eclipse + NDKR7(或ndkr7b)+COCOS2DX(没有用到cygwin和minigw)...
- 未来人工智能发展趋势
- thinkphp6自定义日志驱动,增加显示全部请求信息
- 关于计算机网考教学研讨,【计算机教学论文】计算机教学质量的研讨2篇(共4479字)...
- arm学习方法(转)
- android 实时同步短信,备份Android短信的4种方法你最好知道
- DFS入门级(模板)
- Vue调用本地摄像头权限
- 佛系三连 都行 都可以 没关系
- php切换背景颜色,点击切换背景颜色
- BZOJ_3362_[Usaco2004 Feb]Navigation Nightmare 导航噩梦_并查集
- linux安装包软件命令