使用Sublime Text 3进行Markdown编辑+实时预览

Posted Mr黄瑞

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用Sublime Text 3进行Markdown编辑+实时预览相关的知识,希望对你有一定的参考价值。

使用Sublime Text 3进行Markdown编辑+实时预览

安装软件包管理器

打开Sublime Text 3
同时按下 ctrl+` ,窗口底部出现一个小控制台
复制以下代码,粘贴到控制台的编辑栏里:

import urllib.request,os;
pf = 'Package Control.sublime-package';
ipp = sublime.installed_packages_path();
urllib.request.install_opener( urllib.request.build_opener( urllib.request.roxyHandler()) );
open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

等待操作完成,关闭并重新打开Sublime Text 3

安装插件

按下ctrl+shift+P打开快速菜单,键入pcip,回车,等待数据更新,完成后会显示软件列表
在里面输入以下软件名称并回车进行安装:

  • Markdown Editing
  • Markdown Previe
  • auto-save
  • LiveReload

删除插件,Ctrl+Shift+P调出命令面板,输入remove,调出Remove Package选项并回车,选择要删除的插件即可,更新插件,upgrade packages

启用liveReload

按快捷键Ctrl + Shift + P,输入LiveReload: Enable/disable plug-ins.
并选择Enable: Simple Reload with delay (400ms).
耐心等待操作完成,之后关闭并重新打开Sublime Text 3

修改Markdown Preview的配置文件

将enable_autoreload设为true
打开Preferences – Package Settings – Markdown Preview – Setting User,添加

"enable_autoreload": true,

实现实时预览功能

我们使用Markdown Preview插件来打开浏览器进行预览:
按下ctrl+shift+P打开快速菜单,键入"mp"

实现浏览器自动刷新

自动刷新只需在md文件最下面加入一行:

<meta http-equiv="refresh" content="2">

实现md文档到html文件的自动更新

打开auto-save的默认设置和用户设置文件:
Preference->Package Settings->Auto-save->打开Settings-Defualt和Settings-User
将Default的内容复制粘贴到User里面,然后修改等待时长:

"auto_save_delay_in_seconds": 0.15,

打开当前文档的自动保存功能

按下ctrl+shift+P打开快速菜单,键入"auto"
选择到current file only按下回车

以上是关于使用Sublime Text 3进行Markdown编辑+实时预览的主要内容,如果未能解决你的问题,请参考以下文章

使用 Sublime Text 3 处理数据

Sublime Text 3快捷使用

如何更新 Sublime Text 3 以使用 Python 3.10 语法

Sublime Text 3 配置java程序运行环境(可进行控制台输入)(转)

删除sublime text 3 左边空文件夹

Ubuntu下使用sublime text进行py开发