美文网首页
Sublime + Markdown + Preview

Sublime + Markdown + Preview

作者: cgscloud | 来源:发表于2018-02-04 17:17 被阅读172次

    Sublime一个文本编辑器,之前一直采用notepad++,可是没找到特别合适的MarkdownVIewer,然后就sublime了。

    安装准备

    • 找到菜单栏:Preferences → Package Control → Package Control:Install Package;
    • 没有找到Package Control,那么点击package Control安装吧,安装完重启Sublime。

    安装过程:

    需要两款插件:Markdown Editing + MarkdownLivePreview;

    • 在Package Control → Install Package中输入两款插件的名字,找到相应插件,点击即可自动完成安装,安装完重启Sublime;
    • 简单设置:Preferences → Package Settings → MarkdownLivePreview → Setting,打开后将左边default的设置代码复制到右边User栏,找到"markdown_live_preview_on_open": false,把false改为true,保存。
    • 使用方法:使用Sublime新建一个文件,右下角选择编辑方式为“Markdown”,将其保存为.md文件,选择保存位置并单击确定,此时自动弹出Markdown文本编辑框(左)和预览框(右),然后就开始愉快地编辑吧。

    注意
    若保存.md文件时无法保存到当前文件夹,可安装AdvancedNewFile插件,方法与前面两款插件相同,并且进行设置,同样将default的设置代码复制到User,找到"default_root": "project_folder",,把project_folder改为current,保存。

    备注: 同样也可以使用Markdown PreviewOmniMarkupPreviewer
    这个两个是浏览器预览插件插件,安装后需要进行必要的设置
    前者Markdown Preview:这个插件不能实时预览,但你可以设置快捷键让它在浏览器中预览,在首选项->快捷键设置里添加

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

    后者OmniMarkupPreviewer
    可以实现在浏览器中实时预览,如果你有双显示屏或嫌每次都要按alt+m重新生成html麻烦可以尝试这个插件,安装后在首选项->Package Setting里修改OmniMarkupPreviewer的setting-user添加

    {
        "renderer_options-MarkdownRenderer": {
            "extensions": ["tables", "fenced_code", "codehilite"]
        }
    }
    

    结束!

    相关文章

      网友评论

          本文标题:Sublime + Markdown + Preview

          本文链接:https://www.haomeiwen.com/subject/tkomzxtx.html