在SublimeText3中使用Markdown语法的种种小技巧。

##MarkDown在Wordpress里的应用
这篇文章是用Sublimetext编辑的。Sublimetext对于MarkDown有个很好的插件支持,那就是OmniMarkupPreviewer。 用ST3这个轻量级的编辑器写东西是一个很舒服的选择。而Wordpress又支持MarkDown,所以我可以用ST3写完文章再发表到WP。

##Markdown在Sublime的snippet
这个是Markdown在Sublime里的一些有趣的用法

用snippet能加速我们在Sublime text3中对Markdown的开发,而不仅仅局限于Markdown。

自定义了一些snippet

  • mdlink - 插入链接
  • mdacr - 插入参考式链接
  • mdfn - 插入脚注
  • mdimg - 插入图片
  • tab - 首行缩进四个字符(两个汉字)
  • br - 换行



另外,我电脑中自定义snippet的目录在C:\Users\lenonvo\AppData\Roaming\Sublime Text 3\Packages\User下,不同电脑可能不一样,不过都是在ST3文件夹下的Packages\User下,文件名命名为*.sublime-snippet

##记录一下在Sublime中如何自定义snippet
首先先给出一个snippet的最基本的格式

以下是snippet的基本代码,代码类型是xml

1
2
3
4
5
6
7
8
9
<snippet>
<content><![CDATA[Type your snippet here]]></content>
<!-- Optional: Tab trigger to activate the snippet -->
<tabTrigger>hello</tabTrigger>
<!-- Optional: Scope the tab trigger will be active in -->
<scope>source.python</scope>
<!-- Optional: Description to show in the menu -->
<description>My Fancy Snippet</description>
</snippet>



  content里代表你想要自定义的代码片段,注意,![CDATA[]]这段框体是一定要有的否则会出错

  tabTrigger里代表你输入的简短代码,按tab键后就能快速展开成content里的代码段

  scope里的代码代表这段Snippet适用于什么语言类型,如果留空就是适用于任何类型

  description里的是描述性文字,用来描述你这段Snippet用来做什么的,会在你输入tabTrigger里关键字的时候在模糊匹配栏后显示出来,来提示你这段代码的作用

####接下来给出一段Snippet代码用来分析

1
2
3
4
5
6
7
8
9
10
<snippet>
<content><![CDATA[
[${1:Display_Text}][${2:id}]$5

[$2]:${3:http://example.com/} ${4:"$3"}
]]></content>
<tabTrigger>mdacr</tabTrigger>
<scope>text.html.markdown.multimarkdown, text.html.markdown</scope>
<description>Link Anchor</description>
</snippet>



  这是一段基于MARKDOWN语法的自定义snippet。我们注意到,在![CDATA[]]内部出现了$,这个符号的作用是让tab键按下后光标所在的位置。$1就是tab键按下后首先出现的位置,而后再按下Tab键,光标会移动到$2的位置,以此类推。

  如果想光标停留的地方留下一些默认的提示性文字,那么就用这个结构${*:Display_Text},其中的*是你要用到的数字,
Display_Text里放的就是你想要的提示性文字。这样就能做到用Tab键快速在代码块中穿梭输入,提升我们的输入效率


##记录一下如何在MarkDown首行缩进
在行首输入&amp;emsp,&emsp是代表2个字符宽度的空格,也就是一个汉字的宽度。为了符合中文段落行首两个汉字的习惯,通常我们可以输入两次&amp;emsp;&amp;emsp;,但是明显每次都要这么输入实在是很麻烦,所以结合上SublimeText3的Snippet特性就能很快定义这块代码块,实现快速输入。

代码如下:

1
2
3
4
5
6
<snippet>
<content><![CDATA[&emsp;&emsp;]]></content>
<tabTrigger>tab</tabTrigger>
<scope>text.html.markdown.multimarkdown, text.html.markdown</scope>
<description>indent</description>
</snippet>

这里我们使用了输入tab然后按tab键实现输出 &amp;emsp;&amp;emsp;,输入什么文字你可以自己定,当然是越简单越容易记越好。

##记录一下Sublime text3的一些快捷键

  • 接下来记录一下ST3的一些实用的快捷键。
  • 分屏快捷键,alt+shift+1~4这能将屏幕分成纵向的1~4屏。而alt+shift+5会将屏幕分成田字格的4屏,alt+shift+8会将屏幕上下分屏。
  • GOTO ANYTHING的快捷键,ctrl+p
  • 打开package control的快捷键,ctrl+shift+p
  • 复制当前光标所在的一行快捷键,ctrl+shift+d
  • 预览MARKDOWN在浏览器中显示,ctrl+alt+O
  • 新建文件ctrl+alt+n
  • 复制代码但不失去原有格式ctrl+shift+v
Author: Molunerfinn
Link: https://molunerfinn.com/wdinst3/
Copyright Notice: All articles in this blog are licensed under CC BY-NC-SA 4.0 unless stating additionally.
支付宝打赏
微信打赏