Sublime下MarkDown插件实现编辑和实时预览并转换成HTML格式

摘要:
最近,我用markdown做笔记。SublimeText3是一个非常方便的编辑器。现在它支持markdown语法,可以实时预览。它有两种安装方法,简单和手动。粘贴以下Python代码并输入以执行。安装无意外完成=帮助“Pleasestart Sublime Text to complete installation”(请启动Sublime文本以完成安装)按enter键后,您可以看到编辑器正在底部安装的提示。安装成功后,将弹出README文档。安装MarkdownPreview或OmniMarkupPreviewer插件以预览markdown文档。{“mathjax_enabled”:true}安装了这两个插件后,您可以使用subject编写markdown文档。将Mardown GFMSettings Default中的内容复制到MardownGFMSettings User,然后在MardowngfMSettingsUser中对其进行修改,如下所示:TableEditor是用于编辑表格的工具。

最近在使用markdown做笔记,编辑器Sublime Text3用起来很轻巧,现在让他支持markdown的语法并且可以实时预览。

安装准备——安装Package Control

Package Control是一个开源的用于插件管理的插件,在为Sublime安装其他插件之前,需要安装它。它有两种安装方式Simple和Manual。此处我们选择simple方式来安装。

从菜单 View - Show Console 或者 ctrl + ~ 快捷键,调出 console。将以下 Python 代码粘贴进去并 enter 执行,不出意外即完成安装。以下提供 ST3 和 ST2 的安装代码:

  • Sublime Text 3:

    import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
  • Sublime Text 2:

    import urllib2,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

    按下enter之后可以看见编辑器最下面有提示正在安装,安装成功后会弹出一个README的文档。

此时我们调出Command Paletter(Ctrl+Shift+P),输入pci会有以下几个选项
Sublime下MarkDown插件实现编辑和实时预览并转换成HTML格式第1张
选择install package,enter后会加载repository中的插件。
Sublime下MarkDown插件实现编辑和实时预览并转换成HTML格式第2张
搜索需要的插件按enter,等待几分钟,插件就安装好了。

安装MarkdownEditing

MarkdownEditing提供markdown编辑的基本辅助提示,也有自己的一套配色方案。安装此插件可以方便markdown的书写。打开Command Paletter,按照上述方法安装即可。

安装Markdown Preview或OmniMarkupPreviewer

这两个插件是用来预览markdown文档的。此处推荐OmniMarkupPreviewer,这个打开一次就可以实时预览自己编辑的内容(快捷键ctrl+alt+o)。
安装完OmniMarkupPreviewer后,默认是不支持mathjax公式的,需要支持,请修改配置文件,在user中增加以下配置即可。

  {
      "mathjax_enabled": true
  } 

安装完这两个插件之后,就可以利用sublime来写markdown文档的。
Sublime下MarkDown插件实现编辑和实时预览并转换成HTML格式第3张

接下来推荐几个增强型的插件

Monokai Extended & Markdown Extended

提供一套Monokai的markdown主题,比原来的美观。

Sublime下MarkDown插件实现编辑和实时预览并转换成HTML格式第4张

将Mardown GFM Settings-Default中的内容复制到Mardown GFM Settings-User中,然后在Mardown GFM Settings-User中修改如下:

Sublime下MarkDown插件实现编辑和实时预览并转换成HTML格式第5张

Table Editor

用于编辑表格的工具。

开挂!实现浏览器自动刷新

对于浏览器而言,我们让它自动刷新只需在md文件最下面加入一行:

<meta http-equiv="refresh" content="0.1">

将写好的MarkDown文件转换成带目录的HTML文件

npm install -g i5ting_toc //在npm命令窗口全局下载i5ting_toc
i5ting_toc -f 文件名.md //在md文档路径下开启npm命令窗口,输入命令,就可以转换了

免责声明:文章转载自《Sublime下MarkDown插件实现编辑和实时预览并转换成HTML格式》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Navicat破解版下载安装在VS2005中建立WinCE6.0环境下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Markdown基础语法

一、Markdown简介 Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。是一种轻量级的标记语言,主要用于实时快速排版,以及稳定转移内容而版式不乱。 它的语法法类似于html但比html更简单些,具有一系列衍生版本,用于扩展Markdown的功能,这些功能原初的Markdown尚不具备,它...

Markdown基础教程

基础语法 标题 Markdown支持6种级别的标题,对应html标签 h1 ~ h6 # h1 ## h2 ### h3 #### h4 ##### h5 ###### h6 以上标记效果如下: h1 h2 h3 h4 h5 h6 除此之外,Markdown还支持另外一种形式的标题展示形式,其类似于 Setext 标记语言的表现形式,使用下划线进行文本大...

MarkDown设置字体颜色

记录一下如何设置字体颜色和大小 <font color=red size=5>gray</font> <font color="#4590a3" size="6px">文字</font> 效果如下: red文字...

VNote: 一个舒适的Markdown笔记软件

Update: 支持macOSYunpan Update 2: 写在VNote半周岁 QQ群(487756074) Markdown标记语言一直是许多程序员的最爱。目前,有许多优秀的Markdown编辑器,也有许多优秀的笔记软件,但是能够支持Markdown并提供优秀编辑体验的笔记软件却并不多见。 我之前一直用的是为知笔记,支持Markdown,支持Lin...

在notepad++中markdown高亮并实时预览

在notepad++中markdown高亮并实时预览 markdown是一种非常简洁、高效的标记语言,非常适合写博客、随笔,越来越受到大家欢迎。同时notepad++是Windows系统下使用非常广泛文本编辑器,但是非常遗憾的是otepad不默认支持markdown,但是感谢各位开发者,我们可以在notepad中使用markdown,并且能够实时预览。有的...

Markdown 语法的超快速上手

本文支持WTFPL协议,因此你想往哪转就往哪转。 目录 Why markdown? 标记语言??我知道HTML啊,有什么区别么?? 他俩啥关系 他俩谁好用 How? 标题文本(巧了,说的不就是我么??) 粗体、斜体、粗斜体、删除线 引用 表格 代码块与行内代码 链接 图片 列表 有序列表 无序列表 数学公式($mathrm{LaTeX}...