Sublime | 编辑工具Sublime的使用小结
Sublime Package & Usage
MarkdownEditing
github 开源地址:https://github.com/SublimeText-Markdown/MarkdownEditing
MarkdownEditing 是 Markdown 写作者必备的插件,它可以不仅可以高亮显示 Markdown 语法,还支持很多编程语言的语法高亮显示。
除了高亮显示语法,MarkdownEditing 还提供了一些快捷键用于快速插入markdown 标记
- 插入链接:
Ctrl + Win + K
- 插入图片:
Shift + Win + K
下面这种方法也可以实现同样的效果
输入
mdi
,按Alt
键,会自动插入下面的图片标记
输入
mdl
,按Alt
键,会自动生成下面的链接标记[](link)
- 插入链接:
MarkdownPreview
- github 开源地址:https://github.com/facelessuser/MarkdownPreview
- Mardown Preview不仅支持在浏览器中预览markdown文件,还可以导出html代码。
Usage
Ctrl+Shift+P
,如输入mdp
,下图中红框圈出的就是 在浏览器中预览 markdown 文件
- 也可以通过下面的
快捷键绑定
来实现
Key Bindings
markdown preview默认没有快捷键,我们可以自己为preview in browser设置快捷键。方法是在Preferences -> Key Bindings User
中添加以下代码 (可在Key Bindings Default找到格式)
"f6"
可设置为自己喜欢的按键;"parser":"markdown"
也可设置为"parser":"github"
,改为使用Github在线API解析
[
{ "keys": ["f6"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"} },
]
Setting (语法高亮和mathjax支持)
- 语法高亮跟编辑器的主题有关,可以在
Preferences ->Color Scheme
找自己喜欢的主题 - 关于目录生成,只要文章是按照 markdown 语法写作的。在需要生成目录的地方写
[TOC]
即可 - 设置
mathjax
支持需要在Preferences ->Package Settings->Markdown Preview->Setting User
中增加如下代码
{
/*
Enable or not mathjax support.
*/
"enable_mathjax": true,
/*
Enable or not highlight.js support for syntax highlighting.
*/
"enable_highlight": true,
}
OmniMarkupPreviewer
- github 开源地址:https://github.com/timonwong/OmniMarkupPreviewer
- OmniMarkupPreviewer 用来预览 markdown 编辑的效果,同样支持渲染代码高亮的样式。
GitHub Markdown Snippets
使用 jekyll 或 hexo 写博客的时候,开篇一般都需要去写一个头部,内容如下:
---
title: XXXXXXXXXXXXXXXXXXXXXXXXXXXX
categories:
- XXXX
tags:
- XXXX
abbrlink: XXXXXXX
date: 2018-0x-1x 1x:1x:5x
---
对于这个固定格式我们可以定义一个Snippets,详细参考官方文档 Snippets,具体的步骤如下:
Tools–>Developer–>New Snippets..
初始文件内容:
<snippet>
<content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<!-- <tabTrigger>hello</tabTrigger> -->
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<!-- <scope>source.python</scope> -->
</snippet>
- content
- Hello, ${1:this} is a ${2:snippet}. 要的显示的文本
- tabTrigger
<tabTrigger>hello</tabTrigger>
要触发的版本
- scope
<scope>source.python</scope>
在那个类型文件触发
下面是我根据我自己的需要来创建的 snippets,在markdown和html模式下,输入blog,按 TAB 键就直接显示上面的内容
<snippet>
<content><![CDATA[
---
title: ${1}
categories:
- ${2}
tags:
- ${3}
abbrlink: 2018${4}
date: 2018-${5}
---
${6}
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>blog</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<scope>text.html.markdown,text.html</scope>
</snippet>
注意:创建完成后,一定要保存成 .sublime-snippet
格式
Markdown TOC
- github 开源地址:https://github.com/naokazuterada/MarkdownTOC#features
- 安装好插件以后,可以设置生成目录的时候带不带锚点
Usage
- 生成目录树
tool -> MarkdownTOC -> insert/update TOC
Configuration
"autoanchor": true, #锚点
"autolink": true, #自动关联
"uri_encoding": false, #锚点编码(开启的时候,会把非英文锚点标记进行uri encode编码,此时只有google浏览器支持自动解码,ie,360都不支持,因此建议把这里设置成false,经测试google和ie、360均可,但是锚点是中文的,不知后续是否有影响)
"style": ordered, #生成的目录带序号,这个很棒,但是确定是不能自定义格式,默认是罗马数字
Markdown Numbered Headers
- github 开源地址:https://github.com/weituotian/md_numbered_headers
- 用于自动 插入/更新/删除 标题编号 的 Sublime 插件
- 灵感来自 MarkdownTOC,与 MarkdownTOC 兼容。
Usage
- Install the plugin
- Open your Markdown file
- Place the cursor at the position where you want to start to numbers headers
- Pick from menu: Tools > Markdown Numbered Headers > Insert / Update
- And the heders in the Markdown document was numbered
- Save the document and you are done
- Now you can go on and edit your document further
Configuration
Sublime Text > Preferences > Package Settings > Markdown Numbered Headers > Settings - User
{
"h1": 0,
"h2": 0,
"h3": 0,
"h4": 0,
"h5": 0,
"h6": 0,
"depth":6,
"dottype":"-", //数字之间的连接符号:2-2-3
"logging": true,
"last_number_dot":"." //最后一个标点2-2-3.
}
Name | Values | default | means |
---|---|---|---|
h1,h2,h3,h4,h5,h6 | integer | 0 | the start counting num in each num |
depth | integer | 6 | define which header level start with |
dottype | string | - | use to Separate header nums,like 1-2-3 |
logging | boolean | true | show the runtime log |
last_number_dot | string | . | the last dot type, like 1-2-3. or 1-2-3- |
Table Editor
- github开源地址:https://github.com/vkocubinsky/SublimeTableEditor
- 好用的 Markdown 表格编辑插件
- 自动对齐,强迫症患者必备
Activate
ctrl + shift + p
- 输入
Table Editor
- 选择
Enable for current syntax
或Enable for current view
或Set table syntax ... for current view
(激活)
Usage
input
| Name | Phone |
|-
click Tab
,then…
| Name | Phone |
|------|-------|
| _ | |
Reference
Table Editor 使用方法
好用的Markdown表格编辑插件Table Editor
Markdown Extended + Monokai Extended
- Markdown Extended github 开源地址:https://github.com/jonschlinkert/sublime-markdown-extended
- Monokai Extended github 开源地址:https://github.com/jonschlinkert/sublime-monokai-extended
- Markdown Extended - Packages
- Monokai Extended - Packages
- 不错的Markdown主题,支持对多种语言的高亮
语言切换
安装此包后,打开 .md
文件,并将语言切换为 Markdown Extended
- 在编辑器右下角的状态栏中从支持语言列表中选择
ctrl + shift + p
搜索 Markdown Extended
设为默认
View -> Syntax -> Open all with current extension as... -> Markdown Extended
- set theme:
Preferences -> Color Scheme -> Monokai Extended ...
选择一个主题
开启自动换行
临时办法
View->Word Wrap
(勾选是自动换行),只对一窗口文件起作用word wrap column
,可以设置为 一行多少个字符才换行
永久办法
Preferences -> Setting - User
,添加如下内容即可:
{
"word_wrap" : true
}
Sublime | 编辑工具Sublime的使用小结的更多相关文章
- Thinkphp学习笔记-编辑工具Sublime license
选择[help]-[enter license] 直接输入注册码就可以了 ----- BEGIN LICENSE ----- Andrew Weber Single User License EA ...
- Sublime Text编辑工具带有 PEP 8 格式检测插件
Sublime Text编辑工具带有 PEP 8 格式检测插件
- 一、HTML和CSS基础--开发工具--Sublime前端开发工具技巧介绍
下载:官网下载(根据系统下载) 安装:按步骤安装即可 注意:当前稳定版本为2,但3的功能有提升:Mac和Windows下的快捷键不同 优点:启动速度快,界面简洁,可以直接打开图片. 1 菜单栏主要功能 ...
- python 数据工程 and 开发工具Sublime
数据工程采集.存储.清洗.分析.可视化 编程语言C++和Javapython大法Rweb:php.html.css.javascript 结合采集:python存储:python+数据库/.csv/t ...
- windows平台是上的sublime编辑远程linux平台上的文件
sublime是个跨平台的强大的代码编辑工具,不多说. 想使用sublime完毕linux平台下django网站的代码编辑工作以提高效率(原来使用linux下的vim效率较低,适合编辑一些小脚本). ...
- 前端工具-Sublime、WebStorm-快捷方式使用
记录下我工作中使用的编辑软件Sublime和WebStorm用到的快捷方式来水一贴(*^__^*) Sublime是我使用的最长时间的编辑器了,也熟悉了一些快捷键使用. 1.Ctrl + / --- ...
- eclipse编辑工具小结
eclipse编辑工具小结 这两天从myeclipse转入eclipse,整体感觉不错,速度更快些,也没在出现各种意外的调试错误.不能断点等情况,并且对整个编辑环境的使用有了更深入的认识,再次对主要几 ...
- 个人php开发之工具--sublime主题配置(二)
摘要:俗话说:工欲善其事,必先利其器.作为一名开发者来说,熟练的使用工具可以达到事半功倍的效果,我就我自己使用的工具说自己的看法.当然,每个人对某个软件都有自己的看法或使用经验,还是那句老话,什么是最 ...
- 工具 | Sublime
Sublime 前言 妈耶..\(Sublime\)的界面真的是太好看啦哭哭.. 我永远喜欢Sublime! 强推Sublime... 正文 自从暑假用上的Ubontu 一开始用的是\(gedit\) ...
随机推荐
- Sync Data to AWS S3 on Windows Box
1. Install AWS CLI first, windows download link https://s3.amazonaws.com/aws-cli/AWSCLI64.msi 2. The ...
- BigDecimal精度问题
介绍 1.商业计算使用BigDecimal. 2.使用参数为String的构造函数. 3.BigDecimal都是不可变的,每一步的运算时,都会产生一个新的对象.所以在做加减乘除后千万要保存操作后的值 ...
- Drupal7所见即所得模块CKEditor
初学Drupal(7.26),刚好遇到一个需要用到CKEditor模块的项目,于是就摸索着把它给装上了. 图片上传出问题 回到Drupal7的管理页面后刚好发现了对于CKEditor的“状态报告”(错 ...
- 网络流专题练习Day2
04/17 目前做了:题 由于目前六道都是1A感觉非常爽... BZOJ1412: [ZJOI2009]狼和羊的故事 “狼爱上羊啊爱的疯狂,谁让他们真爱了一场:狼爱上羊啊并不荒唐,他们说有爱就有方向 ...
- Linux : 多线程下载工具: axel
wget 应该是最常用的下载工具了,但是其不支持多线程下载. axel 安装 epel 源有 axel 的二进制包,可以使用 yum 安装. yum install epel-release yum ...
- Linux下Tomcat开机自动启动
linux下tomcat开机自动启动有两种方法,一种是简单,一种是复杂而又专业的,使用shell脚本要实现,我们一般推荐shell脚本启动方式.下面我们分别介绍这两种方法. 1.shell脚本启动 众 ...
- 培训补坑(day10:双指针扫描+矩阵快速幂)
这是一个神奇的课题,其实我觉得用一个词来形容这个算法挺合适的:暴力. 是啊,就是循环+暴力.没什么难的... 先来看一道裸题. 那么对于这道题,显然我们的暴力算法就是枚举区间的左右端点,然后通过前缀和 ...
- 1、使用Xcode修改iOS项目工程名和路径名
http://blog.sina.com.cn/s/blog_a42013280101blxo.html 对,好:错,改正. ------ 前言 系统 10.7 狮子 开发平台 xcode 4.5.2 ...
- POJ3180(有向图强连通分量结点数>=2的个数)
The Cow Prom Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 1451 Accepted: 922 Descr ...
- 【转】cve2014-3153 漏洞之详细分析与利用
背景学习: Linux Futex的设计与实现 使用者角度看bionic pthread_mutex和linux futex实现 By kernux TopSec α-lab 一 漏洞概述 这个漏洞是 ...