转载链接
Sublime Text 怎么高亮 Markdown 的文件语法
Sublime Text 3 MarkdownEditing布局设置
插件安装过程
对于刚安装好的Sublime Text,我们需要安装一个软件包管理器:
同时按下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.ProxyHandler()) ); 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编辑和语法高亮支持 Markdown Preview// Markdown导出html预览支持 auto-save // 可自定义的自动保存功能 耐心等待操作完成,之后关闭并重新打开Sublime Text 3.前两个是标准的markdown编辑与预览工具,第三个是实现实时预览的关键。 安装结束后我们新建一个md文档试试。
实现实时预览功能
先说最基本的预览,我们基于此实现实时预览
开挂!实现浏览器自动刷新
对于浏览器而言,我们让它自动刷新只需在md文件最下面加入一行:
<meta http-equiv="refresh" content="0.1">
0.1负责表示刷新间隔,单位是秒,个人觉得这是一个比较稳妥的设定值。 太快的话我们难以滚动页面,太慢的话有可能体验很差。 为了不让滚动时编辑的新文字触底,我们在最后一行的刷新代码之上打好几个占空间的行即可。 由于空行不会被解析,我们在每一行之前放一个字符#或者打三个以上的减号表示分割线。
最后一步:实现md文档到html文件的自动更新
这里我们用到了一个叫做auto-save的插件,它可以针对一个文档实现空闲x秒后自动保存。 我们打开auto-save的默认设置和用户设置文件: Preference->Package Settings->Auto-save->打开Settings-Defualt和Settings-User 将Default的内容复制粘贴到User里面,然后修改等待时长:
"auto_save_delay_in_seconds": 0.15,
现在我们就能够开双侧窗口一边编辑一边预览了~
这里写图片描述修改默认主题,主题好丑的
在Sublime Text 3 MarkdownEditing插件打开md文件默认的主题很丑,而且文字居中,左侧有大片空白,需要修改配置文件调整一下。
流程:
打开Default和User
ctrl+shift+p打开命令输入
Preference: MarkdownEditing Setting
然后会出现下面两个选项,分别打开
Preference: MarkdownEditing Setting: Default
Preference: MarkdownEditing Setting: User
复制user
将Preference: MarkdownEditing Setting: Default对应文件全部内容复制到Preference: MarkdownEditing Setting: User中
修改User
在Preference: MarkdownEditing Setting: User中修改
"color_scheme": "Packages/MarkdownEditing/MarkdownEditor.tmTheme",
// "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme",
改为以下
// "color_scheme": "Packages/MarkdownEditing/MarkdownEditor.tmTheme",
"color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme",
修改主题为深色,与sublime主题一一致
// Layout
"draw_centered": false, // 改为false,原始值为true
"word_wrap": true,
"wrap_width": 120, // 每行字符数上限
"rulers": [],
配置完毕。
网友评论