Sublime Package & Usage

MarkdownEditing

  • github 开源地址:https://github.com/SublimeText-Markdown/MarkdownEditing

  • MarkdownEditing 是 Markdown 写作者必备的插件,它可以不仅可以高亮显示 Markdown 语法,还支持很多编程语言的语法高亮显示。

  • 除了高亮显示语法,MarkdownEditing 还提供了一些快捷键用于快速插入markdown 标记

    • 插入链接:Ctrl + Win + K
    • 插入图片:Shift + Win + K

    下面这种方法也可以实现同样的效果

    • 输入 mdi ,按Alt 键,会自动插入下面的图片标记

      ![Alt text](/path/to/img.jpg "Optional title")

    • 输入 mdl ,按Alt 键,会自动生成下面的链接标记

      [](link)

MarkdownPreview

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 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

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

Usage

  1. Install the plugin
  2. Open your Markdown file
  3. Place the cursor at the position where you want to start to numbers headers
  4. Pick from menu: Tools > Markdown Numbered Headers > Insert / Update
  5. And the heders in the Markdown document was numbered
  6. Save the document and you are done
  7. 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

Activate

  • ctrl + shift + p
  • 输入 Table Editor
  • 选择 Enable for current syntaxEnable for current viewSet table syntax ... for current view(激活)

Usage

input

| Name | Phone |
|-

click Tab ,then…

| Name | Phone |
|------|-------|
| _ | |

Reference

Table Editor 使用方法

好用的Markdown表格编辑插件Table Editor

Markdown Extended + Monokai Extended

语言切换

安装此包后,打开 .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的使用小结的更多相关文章

  1. Thinkphp学习笔记-编辑工具Sublime license

    选择[help]-[enter license]   直接输入注册码就可以了 ----- BEGIN LICENSE ----- Andrew Weber Single User License EA ...

  2. Sublime Text编辑工具带有 PEP 8 格式检测插件

    Sublime Text编辑工具带有 PEP 8 格式检测插件

  3. 一、HTML和CSS基础--开发工具--Sublime前端开发工具技巧介绍

    下载:官网下载(根据系统下载) 安装:按步骤安装即可 注意:当前稳定版本为2,但3的功能有提升:Mac和Windows下的快捷键不同 优点:启动速度快,界面简洁,可以直接打开图片. 1 菜单栏主要功能 ...

  4. python 数据工程 and 开发工具Sublime

    数据工程采集.存储.清洗.分析.可视化 编程语言C++和Javapython大法Rweb:php.html.css.javascript 结合采集:python存储:python+数据库/.csv/t ...

  5. windows平台是上的sublime编辑远程linux平台上的文件

    sublime是个跨平台的强大的代码编辑工具,不多说. 想使用sublime完毕linux平台下django网站的代码编辑工作以提高效率(原来使用linux下的vim效率较低,适合编辑一些小脚本). ...

  6. 前端工具-Sublime、WebStorm-快捷方式使用

    记录下我工作中使用的编辑软件Sublime和WebStorm用到的快捷方式来水一贴(*^__^*) Sublime是我使用的最长时间的编辑器了,也熟悉了一些快捷键使用. 1.Ctrl + /  --- ...

  7. eclipse编辑工具小结

    eclipse编辑工具小结 这两天从myeclipse转入eclipse,整体感觉不错,速度更快些,也没在出现各种意外的调试错误.不能断点等情况,并且对整个编辑环境的使用有了更深入的认识,再次对主要几 ...

  8. 个人php开发之工具--sublime主题配置(二)

    摘要:俗话说:工欲善其事,必先利其器.作为一名开发者来说,熟练的使用工具可以达到事半功倍的效果,我就我自己使用的工具说自己的看法.当然,每个人对某个软件都有自己的看法或使用经验,还是那句老话,什么是最 ...

  9. 工具 | Sublime

    Sublime 前言 妈耶..\(Sublime\)的界面真的是太好看啦哭哭.. 我永远喜欢Sublime! 强推Sublime... 正文 自从暑假用上的Ubontu 一开始用的是\(gedit\) ...

随机推荐

  1. 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 ...

  2. BigDecimal精度问题

    介绍 1.商业计算使用BigDecimal. 2.使用参数为String的构造函数. 3.BigDecimal都是不可变的,每一步的运算时,都会产生一个新的对象.所以在做加减乘除后千万要保存操作后的值 ...

  3. Drupal7所见即所得模块CKEditor

    初学Drupal(7.26),刚好遇到一个需要用到CKEditor模块的项目,于是就摸索着把它给装上了. 图片上传出问题 回到Drupal7的管理页面后刚好发现了对于CKEditor的“状态报告”(错 ...

  4. 网络流专题练习Day2

    04/17  目前做了:题 由于目前六道都是1A感觉非常爽... BZOJ1412: [ZJOI2009]狼和羊的故事 “狼爱上羊啊爱的疯狂,谁让他们真爱了一场:狼爱上羊啊并不荒唐,他们说有爱就有方向 ...

  5. Linux : 多线程下载工具: axel

    wget 应该是最常用的下载工具了,但是其不支持多线程下载. axel 安装 epel 源有 axel 的二进制包,可以使用 yum 安装. yum install epel-release yum ...

  6. Linux下Tomcat开机自动启动

    linux下tomcat开机自动启动有两种方法,一种是简单,一种是复杂而又专业的,使用shell脚本要实现,我们一般推荐shell脚本启动方式.下面我们分别介绍这两种方法. 1.shell脚本启动 众 ...

  7. 培训补坑(day10:双指针扫描+矩阵快速幂)

    这是一个神奇的课题,其实我觉得用一个词来形容这个算法挺合适的:暴力. 是啊,就是循环+暴力.没什么难的... 先来看一道裸题. 那么对于这道题,显然我们的暴力算法就是枚举区间的左右端点,然后通过前缀和 ...

  8. 1、使用Xcode修改iOS项目工程名和路径名

    http://blog.sina.com.cn/s/blog_a42013280101blxo.html 对,好:错,改正. ------ 前言 系统 10.7 狮子 开发平台 xcode 4.5.2 ...

  9. POJ3180(有向图强连通分量结点数>=2的个数)

    The Cow Prom Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 1451   Accepted: 922 Descr ...

  10. 【转】cve2014-3153 漏洞之详细分析与利用

    背景学习: Linux Futex的设计与实现 使用者角度看bionic pthread_mutex和linux futex实现 By kernux TopSec α-lab 一 漏洞概述 这个漏洞是 ...