html主题 sublime,sublime之markdown语法高亮和修改主题
转载链接
插件安装过程
对于刚安装好的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文档试试。
实现实时预览功能
先说最基本的预览,我们基于此实现实时预览
我们使用Markdown Preview插件来打开浏览器进行预览: 按下ctrl+shift+P打开快速菜单,键入’mp’
这里写图片描述 之后选择markdown即可打开你的默认浏览器来预览刚才的内容。 一定要记得先在磁盘上保存为一个文件,这样才能转化成html。
开挂!实现浏览器自动刷新
对于浏览器而言,我们让它自动刷新只需在md文件最下面加入一行:
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,
经过实测,0.15是一个比较能接受的值,不会对磁盘造成频繁读写的影响,延迟也不大。 最后就是打开本文档的自动保存功能了: 按下ctrl+shift+P打开快速菜单,键入’auto’
这里写图片描述
选择到current file only按下回车 状态栏应该显示
这里写图片描述。 至此,自动保存将在文档更改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": [],
配置完毕。
html主题 sublime,sublime之markdown语法高亮和修改主题相关推荐
- markdown mysql高亮_修改博客园markdown编辑器代码高亮风格的方法
作为一个工程师,追求极致与艺术也应当成为我们生活中的一部分,作为自己的心爱之物--博客,当然也得装扮一下,我对代码高亮有自己所喜欢的风格~还好程序员的世界总是共通的,已经有前辈开发了一些代码高亮的样式 ...
- 在Sublime中采用markdown语法并发送笔记到Evernote中
概述 由于Evernote笔记不支持Markdown语法.Google发现一神器. 只需要强大的sublime即可完成各种功能. 插件 下载Sublime Evernote插件: SublimeEve ...
- 如何通过离线安装的方式让sublime text具有TypeScript语法高亮的功能
我机器上安装的sublime text 2打开后缀为ts的TypeScript文件,默认以纯文本的格式打开,不具备语法高亮: 从这个Github仓库下载TypeScript的语法高亮插件: https ...
- sublime text的dockerfile语法高亮插件
bing搜索关键字sublime text dockfile, 打开第一条搜索结果: https://packagecontrol.io/packages/Dockerfile%20Syntax%20 ...
- 给Sublime Text2安装GraphQL语法高亮插件
最近在学facebook的GraphQL,在sublime text2里编辑,发现没有语法高亮显示,看着很不舒服. 在Github上找到这个针对GraphQL的语法高亮插件: https://gith ...
- 如何让你在开发者工具中查看源代码有语法高亮和暗黑主题的效果
如何让你在Chrome浏览器开发者工具中查看源代码的时候,和在代码编辑器中有同样的代码语法高亮的效果,而且还是深色主题,如果你是深色主题的爱好者就更合你意了. 国外的美女开发者为你实现了这样功能的浏览 ...
- vscode写php高亮,写了一个Hy的vscode语法高亮插件
-------2018 8 3----------- 把函数名和参数改了,正则有点古怪,参考自带的lambda表达式才搞定 但彩色括号走了弯路,各种配图有彩色括号的插件其实很少是自己搞的,其实只要再装 ...
- Django 快速搭建博客 第七节(文章详情页,markdown语法)
版权声明: 更多最新原创文章请访问:最新原创主页 更多最全原创文章请访问:更多原创主页 上一节我们把真正的index.html显示出来了,只是一个摘要,接下来我们要做的是当我们点击标题或者继续阅读的时 ...
- Sublime Text 2 - 性感无比的代码编辑器!程序员必备神器!跨平台支持Win/Mac/Linux,支持32与64位,支持各种流行编程语言的语法高亮、代码补全等...
Sublime Text 2 - 性感无比的代码编辑器!程序员必备神器!跨平台支持Win/Mac/Linux,支持32与64位,支持各种流行编程语言的语法高亮.代码补全等-- 语法高亮.代码提示补全. ...
最新文章
- vi php,linux编辑文件命令vi有什么作用
- 基于面向服务体系架构(SOA)和面向资源体系架构(ROA)的业务组件模型
- spring boot 微服务集群 + 注册中心
- IDEA使用自带数据库连接工具连接Mysql,及报错解决
- uni-app(从零开始)
- 邻接矩阵实现图的深度优先搜索(1)
- 信号捕捉(signal、sigaction)
- 基因疗法真的有效吗?治疗技术前景又如何?
- rio indy_RIO Journal是否会成为同类中最开放的?
- 面试官:谈谈MySQL的limit用法、逻辑分页和物理分页
- 公众服务常用电话号码大全
- python编写agent_python 自动生成useragent/User-Agent方法全解析
- 什么是IPv6?IPv6与IPv4有什么区别?IPv6的安全?
- GitBook入门(用github做出第一本书)——超详细配图说明
- 不是maf格式的somatic突变数据就没办法读入到maftools了么
- Android优雅的ui倒计时,Hurry - 一款颜值超高的日历+倒计时 APP - Android 应用 - 生活 - 【最美应用】...
- epub格式电子书剖析 .
- 拼多多商家刚开店是如何破零的?
- 如何选择NTC热敏电阻
- 【易语言界面开发系列教程之(EX_UI使用系列教程 ——1-8节)】
热门文章
- 2、采用结构体数组编写程序,定义一个含职工姓名、工作年限、工资总额的结构体类型,从键盘输入5名职工的信息,最后再对工作年限超30年的职工加1000元工资,并输出工资变化后的所有职工的信息
- PS中如何使用通道计算来进行美白
- 无框架的php cms审计,通读审计之DOYOCMS
- cc1101载波监听 Carrier Sensor
- Qt编写物联网管理平台1-项目框架
- 鹿班:关键技术点-核心步骤-挑战
- 阿里云账户使用手机号+验证码登录开启方法、
- 华为升级鸿蒙系统使用优点,华为鸿蒙系统的缺点和优点
- 洛谷P1402 酒店之王--网络流最大流拆点
- Excel中逻辑函数和时间日期函数