网站背景图
西橘日志 喂马 劈柴 周游世界
博主

昨天 16:11在线

西橘日志
喂马 劈柴 周游世界
博主 西橘日志
晋ICP备17001937号喂马 劈柴 周游世界博主 昨天 16:11 在线自豪地使用 Typecho 建站搭配使用 🌻Sunny 主题当前在线 1 人

晋ICP备17001937号

喂马 劈柴 周游世界

网站已运行 7 年 307 天 14 小时 19 分

Powered by Typecho & Sunny

2 online · 101 ms

Title

sublime+markdown实现实时预览功能

崚影

·

折腾

·

Article
⚠️ 本文最后更新于2021年03月15日,已经过了1675天没有更新,若内容或图片失效,请留言反馈
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打开的文件的右侧栏的中括号中添加一行代码:

♾️ markown 代码:
{ "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:

♾️ markdown 代码:
{
    "enable_autoreload": true
}

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

♾️ markdown 代码:
{
    "enabled_plugins": [
        "SimpleReloadPlugin",
        "SimpleRefresh"
    ]
}

就完成了!

使用方法

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

参考文章:

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

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

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

现在已有 4931 次阅读,3 条评论,1 人点赞
Comment:共3条
发表
  1. 头像
    @
    :@(赞一个)
    · Android · QQ浏览器

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
    1. 头像
      @
      才发现没下载链接:&(蛆音娘_扶额)
      · Windows · Chrome

      👍

      💖

      💯

      💦

      😄

      🪙

      👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
      1. 头像
        @

        博主

        叁猫
        @Meteor
        不用专门下载的,直接在sublime里用控制面板就可以安装
        · Windows · Chrome

        👍

        💖

        💯

        💦

        😄

        🪙

        👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
搜索 消息 足迹
你还不曾留言过..
你还不曾留下足迹..
博主 不再显示
博主
未知作品 歌曲封面
博主 立即安装
前往评论 切换字号