Sublime进行Markdown在线预览

Contents


一、 前言

有时候我们用Markdown在Sublime上写文章或者文档时,需要查看效果,那么是否可以直接查看显示效果呢?回答当然是能。强大的sublime编辑器为我们提供了许多插件。

二、 方法

MarkdownLivePreview插件可以实现实时预览(类似与MarkdownPad显示),但效果并不好,有点卡顿。
我推荐使用Markdown Preview插件进行在线预览,虽然不能实时,但我们可以进行设置。下面介绍这个插件的用法。

  1. 安装Markdown Preview插件
    • 按下ctrl+shift+P打开快速菜单,输入pcip回车,进行插件安装
      image1
    • 输入Markdown Editing,回车安装,这个插件支持Markdown编辑和语法高亮
    • 输入Markdown Preview,回车安装,这个插件支持html预览
  2. 设置快捷键
    打开preferences->key bindings user 添加下面几行代码
     { "keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"} },
    
  3. 预览
    在编辑markdown文件时可以通过按alt+m快速在浏览器中预览

  4. 实现浏览器自动刷新
    在md文件最下面加入一行:<meta http-equiv="refresh" content="0.1">
    0.1刷新间隔,太快太慢都不好。

  5. 实现md文档到html文件的自动更新
    • 安装插件:像上面一样安装auto-save插件
    • 修改自动保存时间:
      Preference->Package Settings->Auto-save->打开Settings-Defualt和Settings-User 将Default的内容复制粘贴到User里面,然后修改等待时长,改为0.15。
      "auto_save_delay_in_seconds": 0.15,
    • 打开本文档的自动保存功能:
      按下ctrl+shift+P打开快速菜单,键入’auto’ ,选择current file only回车,文档0.15s保存一次。这样就可以边写文档边预览了。如果想要停止自动保存,再操作一次就行。
      image2

三、 小结

以上方法可以方便你用Markdown在Sublime里写文档时,实时查看预览的需求。
当然如果你不习惯,也可以直接用Markdown编辑器或在线编辑了。

四、 References

  1. sublime-text3打造markdown编辑器


转载请注明:yezuolin的博客 » 点击阅读原文