您好,欢迎访问一九零五行业门户网

Sublime Text3 Markdown 编辑 + 实时预览

下面由sublime使用教程栏目给大家介绍如何用 sublime 编辑 markdown,并在浏览器中实时预览,希望对需要的朋友有所帮助!
说明
本文讲的是如何用 sublime 编辑 markdown,并在 浏览器 中实时预览。
如果你想要的是在 sublime 中实时预览,这边文章可能并不是很适用。
先来一张效果图:
需要的插件
● markdown editting
主要用来做 markdown 编辑时的语法高亮,视觉效果更好
● markdown preview
用来在浏览器中预览效果
● livereload
热加载
设置步骤
1、安装 package control(如果已安装,请忽略此步骤)
1)打开控制台
使用 ctrl + 或者view -> show console` 打开控制台。
2)复制下面代码到 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)
2、安装插件
1)ctrl + shift + p 选择 package control: install packge
2)在插件列表中,选择搜索 markdown preview
3)重复上面两步分别安装 markdown editting 和 livereload
3、修改配置项
1)将 markdown preview 的 enable_autoreload 设置为 true
打开 preferences – package settings – markdown preview – setting,在 user 设置中添加:
{ "enable_autoreload": true,}
2)启用 livereload
打开 ctrl + shift + p,输入 livereload: enable/disable plug-ins,选择 enable: simple reload。
4、设置预览快捷键
选择 preferences — key bindings-user,将下面的内容添加进去:
{ "keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"} }
以上就是sublime text3 markdown 编辑 + 实时预览的详细内容。
其它类似信息

推荐信息