sublime+markdown实现实时预览功能


折腾 435 字 695 阅

Sublime Text是一套跨平台的文本编辑器,支持基于Python的插件。Sublime Text是专有软件,可透过包(Package)扩展。大多数的包使用自由软件授权发布,并由社区建置维护。来源于维基百科

从第一次用我就成为sublime的忠实粉丝,甚至还买了授权,这样一个颜值高可扩展的编辑器谁会不爱呢?而我又喜欢用markdown写文章,最近想能不能用sublime写markdown并且实现实时预览功能呢?Google之后找到了个办法,可以说很强大。

安装插件

1.组合键Ctrl+Shift+P调出命令面板。

2.输入Package Control: Install Package,回车。

3.在搜索框中输入包名。

4.等待安装完成。

需用的插件

插件功能
MarkdownEditing一个提高Sublime中Markdown编辑特性的插件
MarkdownPreviewMarkdown转HTML,提供在浏览器中的预览功能
LiveReload一个提供md/html等文档的实时刷新预览的的插件

把上面的插件按照安装插件方法安装好。

插件配置

Sublime Text支持自定义快捷键,Markdown Preview默认没有快捷键,我们可以自己为Markdown Preview: Preview in Browser设置快捷键。
方法是在Preferences -> Key Bindings打开的文件的右侧栏的中括号中添加一行代码:

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

这里:

"alt+m" 可设置为自己喜欢的按键。

"parser": "markdown"也可设置为"parser":"github",改为使用Github在线API解析markdown。

打开其配置文件Preferences -> Package Settings -> Markdown Preview -> Settings,检查左侧enable_autoreload条目是否为true,若是,跳过。若不是,右侧栏加一条下面这个后重启Sublime:

{
    "enable_autoreload": true
}

菜单栏找到Preference>Package Settings>LiveReload>Settings User,将如下代码放入:

{
    "enabled_plugins": [
        "SimpleReloadPlugin",
        "SimpleRefresh"
    ]
}

就完成了!

使用方法

使用alt+m打开默认浏览器并预览md,每次编辑保存就会自动刷新。

参考文章:

https://blog.csdn.net/qq_20011607/article/details/81370236

https://www.jianshu.com/p/0edcc784f2be


以上内容为之前发布的,现在写博客用的是haroopad,其他依然用的sublime。恩,很香。

- THE END -
打赏 1 分享
评论 ( 3 )
OωO
    1. Meteor
      @Meteor

      才发现没下载链接

      3月15日 回复
      1. 叁猫
        @Meteor

        不用专门下载的,直接在sublime里用控制面板就可以安装

        3月15日 回复
感谢打赏