Sublime 的 Markdown 插件:MarkDownEditing、OmniMarkupPreviewer、TableEditor

文章目录

  • 1、安装
  • 2、使用
    • 2.1 MarkdownEditing
    • 2.2 OmniMarkupPreviewer
      • 2.2.1 输出样式的修改
    • 2.3 TableEditor
  • 3、需要重新启动才能够保证插件生效

1、安装

1、快捷键 Ctrl + shift + p 进入到Sublime 命令面板。
2、输入 install 从列表中选择 install Package
3、列表更新之后输入 MarkdownEditing 或 OmniMarkupPreviewer 或 TableEditor 进行安装

2、使用

2.1 MarkdownEditing

– 插入链接 win + alt + k 输入 mdl + tab键
– 插入图片 win + shift + k 输入 mdi + tab键

2.2 OmniMarkupPreviewer

– 在浏览器中预览:Ctrl + Alt + O
– 导出HTML:Ctrl + Alt + X
– 标记拷贝至剪贴板:Ctrl + Alt + C

可以实时修改查看

同时也可能会遇到问题,修改配置如下

{
    "server_host": "127.0.0.1",
    "server_port": 51004,
    "renderer_options-MarkdownRenderer": {
        "extensions": ["tables", "fenced_code", "codehilite", "toc"]
    },
}

2.2.1 输出样式的修改

默认情况下,在目录 OmniMarkupPreviewer → public 下,修改github.css文件即可。

如果想要修改控制样式输出的 .css 文件,可以在首选项 → 插件设置 → OmniMarkupPreviewer → Settings-User 中修改 html_template_name 选项对应的文件名即可。

注意:上面的修改只是修改了你在浏览器中的预览的样式,如果想要同步修改输出的样式
默认情况下,在目录 OmniMarkupPreviewer → templates 下,修改 github-export.tpl 文件即可。
比如:想要修改输出 HTML 中内容区域的整体宽度,就需要同时修改 github.css 和 github-export.tpl 这两个文件中的 .container 的 max-width 的值即可。这样就可以保证在预览和导出时的样式都是一致的。

2.3 TableEditor

启用 TableEditor 功能:
Ctrl + shift + p 打开命令界面 输入: Table Editor: Enable for current syntax 或 Table Editor: Enable for current view

TableEditor 的使用方法

3、需要重新启动才能够保证插件生效

你可能感兴趣的:(Markdown,插件)