Sublime Text3 的 Markdown 实时预览全面总结

  1. 温习:插件安装方式,后面会反复用到
    组合键Ctrl+Shift+P 调出命令面板
    输入Package Control: Install Package,回车
    在搜索框中输入要安装的包名(一个一个,不能同时安多个)
    静待几秒即可安装成功
    插件介绍
    介绍几个Markdown类的常用插件:

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

  1. MarkdownEditing
    顾名思义,Markdown编辑器,是Markdown写作者必备的插件,不仅可以高亮显示Markdown语法还支持很多编程语言的语法高亮显示。
    特别注意:MarkdownEditing只针对 md\mdown\mmd\txt 格式文件才启用。

特性
MarkdownEditing 从视觉和便捷性上针对 Markdown 文档的编辑进行了一系列的优化。如:

颜色方案仿 Byword及iA writer
自动匹配星号(*)、下划线(_)及反引号(`)
选中文本按下以上符号能自动在所选文本前后添加配对的符号
方便粗体、斜体和代码框的输入
效果图:

  1. MarkdownPreview
    功能: 支持在浏览器中预览markdown文件, 将md文件导出为html代码, 将md文件用浏览器预览
# 3.1 常规方法
# 1) 组合键 Ctrl+Shift+P 调出命令面板
# 2) 输入mdp找到并选中Markdown Preview: Preview in Browser
# 3) 出现两个选项:github和markdown, 任选其一即可
# github是利用 GitHub 的在线API来解析.md文件,支持在线资源的预览,如在线图片它的解析速度取决于你的联网速度。该方式据说一天只能打开60次。
# markdown就是传统的本地打开,不支持在线资源的预览, 默认浏览器中显示预览结果

# 3.2 用快捷键打开
# Sublime Text支持自定义快捷键,Markdown Preview 默认没有快捷键
# 我们可以自己为 Markdown Preview: Preview in Browser 设置快捷键
# 在 Preferences -> Key Bindings 打开的文件的右侧栏的中括号中添加一行代码:
{ "keys": ["control+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"}  }

# control+m 可设置为自己喜欢的按键
# parser: markdown 也可设置为 parser: github,改为使用 Github 在线API 解析 markdown

# 实时刷新预览 MarkdownPreview+LiveReload! 
# LiveReload是一个可实时刷新的插件,不仅可用于Markdown,也可用于HTML等。
  1. 实时自动刷新预览:MarkdownPreview + LiveReload

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

{
    "enable_autoreload": true
}

4.3 安装并配置 LiveReload
(1) Ctrl+Shift+p, 输入 Install Package,输入LiveReload, 回车安装
(2) preferences->package-Settings->LiveReload->Settings -User 配置,使用以下配置:

{
    "enabled_plugins": [
        "SimpleReload"
    ]
}
# 手动启用
# Ctrl+shift+p, 输入LiveReload: Enable/disable plug-ins, 回车
# 选择 Simple Reload with delay (400ms)或者Simple Reload,两者的区别仅仅在于后者没有延迟

(3) preferences->package-Settings->Markdown Editing->Markdown GFM Settings -User 配置,使用以下配置:

{
  "extensions":
  [
    "md"
  ],

  "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme",

  "line_padding_top": 4,
  "line_padding_bottom": 4,

  "tab_size": 4,
  "translate_tabs_to_spaces": true,

  "draw_centered": false,
  "word_wrap": true,
  "wrap_width": 120,
  "rulers": []
}

开始使用, 通过前面提到的手动或者快捷键打开预览网页,之后便再也不用管它,只要你的sublime保存一次,网页那边就会自动刷新预览

遗留的问题:网页预览不能跟随你的sublime编辑位置,还需要你滑动页面

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
禁止转载,如需转载请通过简信或评论联系作者。
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,504评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,434评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,089评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,378评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,472评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,506评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,519评论 3 413
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,292评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,738评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,022评论 2 329
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,194评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,873评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,536评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,162评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,413评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,075评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,080评论 2 352

推荐阅读更多精彩内容