Sublime Text3 Markdown 编辑 + 实时预览


本文摘自PHP中文网,作者藏色散人,侵删。

下面由sublime使用教程栏目给大家介绍如何用 Sublime 编辑 markdown,并在浏览器中实时预览,希望对需要的朋友有所帮助!

说明

本文讲的是如何用 Sublime 编辑 markdown,并在 浏览器 中实时预览。

如果你想要的是在 Sublime 中实时预览,这边文章可能并不是很适用。

先来一张效果图:

a1bba24fa0d4a91e23b2c45c387bee8.png

需要的插件

● Markdown Editting

主要用来做 Markdown 编辑时的语法高亮,视觉效果更好

● Markdown Preview

用来在浏览器中预览效果

● LiveReload

热加载

设置步骤

1、安装 Package Control(如果已安装,请忽略此步骤)

1)打开控制台

使用 ctrl + 或者View -> show console` 打开控制台。

2)复制下面代码到 console 中(或者去 官网 复制)

1

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

e95b06f6dfe292dff16e3ccb0da6fa8.png

2)在插件列表中,选择搜索 markdown preview

70e640202a5da1f840f24a5da1d7b0c.png

3)重复上面两步分别安装 Markdown Editting 和 LiveReload

3、修改配置项

1)将 Markdown Preview 的 enable_autoreload 设置为 true

打开 Preferences ?C Package Settings ?C Markdown Preview ?C Setting,在 user 设置中添加:

1

2

3

{

    "enable_autoreload": true,

}

2)启用 LiveReload

打开 ctrl + shift + p,输入 LiveReload: Enable/disable plug-ins,选择 Enable: Simple Reload。

4、设置预览快捷键

选择 Preferences ― Key Bindings-User,将下面的内容添加进去:

1

{ "keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"} }

以上就是Sublime Text3 Markdown 编辑 + 实时预览的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

sublime怎么自动修复eslint报错

教你使用sublime 3阅读android source

sublime中实现代码检测

如何将subversion控制系统与sublime text编辑器结合使用

sublime text怎么新增gbk编码支持

一文讲解sublime text3怎么配置c编译环境并测试

使用sublime text 3写前端代码

详解如何在ubuntu20.04上安装sublime text3

介绍sublime自动注释插件docblockr

sublime text 3 执行php文件的配置流程

更多相关阅读请进入《sublime》频道 >>



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...