杂货:sublime3实现markdown格式实时预览

参考资料:
1. packagecontrol官方指导手册
2. 介绍Sublime3下两款Markdown插件
3. Sublime Text 3 配置和使用方法

实现步骤

  1. 安装并打开Sublime3
  2. 安装 Package Control

    ctrl+` 或者 View > Show Console ,在最下面打开的控制台中输入以下代码并回车,等待安装结束:

    import urllib.request,os,hashlib; h = ‘6f4c264a24d933ce70df5dedcf1dcaee’ + ‘ebe013ee18cced0ef93d5f746d80ef60’; 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)

  3. 安装 MarkdownEditingOmniMarkupPreviewer
    前者用于高亮显示Markdown语法,后者用来预览markdown 编辑的效果,同样支持渲染代码高亮的样式。

    1. 首先使用快捷键 Ctrl(或Command) + Shift + p 进入到Sublime 命令面板,输入 “package install” 从列表中选择 “install Package” 然后回车。
    2. 输入markdown editing 关键字,选择MarkdownEditing 回车。
    3. 输入Omni 关键字,选择 OmniMarkupPreviewer回车。
    4. 输入livereload 关键字,选择 LiveReload回车。
    5. 等待插件安装完毕之后,创建test.md文件并用sublime打开,进行编辑测试
  4. 常用快捷键

    • Ctrl + Alt + O: 在浏览器中预览
posted @ 2018-03-13 19:52  M1927  阅读(37)  评论(0编辑  收藏  举报