通过sublime text2来编辑markdown

浅浅的花香味﹌ 2021-11-14 13:02 307阅读 0赞

## Part1 Markdown简介 ##

Markdown是一种简单的、轻量级的标记语言，由John Gruber和Aaron Swartz创建。Markdown的优点非常多，如：语法简单，能让文档更易阅读、维护和修改，但是我觉得更吸引人的一个优点是：

> Markdown让我们专注于文章内容，而不是关注排版

确实是这样，不管是写博客还是写其他文章，如果用word来写，排版势必会是一个让人烦恼的问题。而如果用html来写的话，虽然很直观，但是不停的输入标签必然大大降低了写作效率。比如写一个简单的列表：

1 <ul>
    2     <li>sublime text2</li>
    3     <li>markdown</li>
    4     <li>notepad++</li>
    5 </ul>

其实我们只是想输出一个简单的列表，但是编辑标签花费的时间都快要赶上编辑内容的时间了。那么我们来看下用Markdown来实现这个列表。

1 - sublime text2
    2 - markdown
    3 - notepad++

只需在每个列表内容前加上“-”符号，便可以直接生成一个无序列表。

*  sublime text2
 *  markdown
 *  notepad++

再来看一下怎样用Markdown输出标题:

1 # This is h1
    2 ## This is h2
    3 ### This is h3
    4 #### This is h4
    5 ##### This is h5
    6 ###### This is h5

# This is h1 #

## This is h2 ##

### This is h3 ###

#### This is h4 ####

##### This is h5 #####

###### This is h6 ######

更多Markdown语法可参考[http://wowubuntu.com/markdown/][http_wowubuntu.com_markdown] 这里不在一一列举，基本上花个5-10分钟的时间便可以掌握Markdown的基本语法。

## Part2 在sublime上使用Markdown ##

那么作为一个sublime爱好者我们要怎样使用Markdown呢？首先当然是安装sublime和Package Control了。。。具体可参考文章[Sublime Text 2 入门及技巧][Sublime Text 2]

### 安装Markdown Preview插件 ###

Markdown插件这里只推荐Markdown Preview，其他的确实也没怎么用过。Mardown Preview不仅支持在浏览器中预览Markdown文件，还可以导出html代码，这样极大方便了我们导出代码发布到博客上。

下面简单说明下Markdown Preview插件的安装和使用 1 在插件安装面板找到Markdown Preview并安装   
![Markdown Preview插件安装][Markdown Preview]

2 ctrl + shift + p(windows下快捷键)调出命令面板，输入mdp，下图中红框圈出的就是在浏览器中预览Markdown文件。另外一个常用功能是图中第四个，Export HTML in Sublime Text，即导出html文件到sublime text。![Markdown Preview浏览器预览][Markdown Preview 1]

### Markdown语法高亮 ###

sublime自带的主题风格中没有markdown语法的高亮功能，于是从网上找了一个做了些简单的修改，感觉色彩搭配还行。附上代码地址：[Monokai-custom.tmTheme][] 将上面代码下载并命名为：Monokai-custom.tmTheme，放入”Packages/User/”文件目录中，然后在面板中选择：Preferences–>Color Scheme–>User–>Monokai-custom，如下图所示：![Markdown Preview浏览器预览][Markdown Preview 2]

高亮后的效果如上图中所示。

总结：整体来说用Markdown语法来写文章还是挺方便的，这篇文章也是通过Markdown来写的，比之前用Windows Liver Writer效率要高。当然美中不足的一点就是图片的处理，因为Markdown中只能插入图片地址，没法上传图片，而我是先通过ftp将图片上传到站点上再获取链接插入。日后若发现更好的方法再进行补充。

独立博客地址： [ http://www.1008a.com/post/679.html][http_www.1008a.com_post_679.html]

[http_wowubuntu.com_markdown]: http://wowubuntu.com/markdown/
[Sublime Text 2]: http://lucifr.com/2011/08/31/sublime-text-2-tricks-and-tips/
[Markdown Preview]: /images/20211114/01f7b28be90a457cafaa69cfd21b2365.png
[Markdown Preview 1]: /images/20211114/90716b4491cd44bcaed86ac7d529a949.png
[Monokai-custom.tmTheme]: https://github.com/Bubblings/tools/blob/master/Monokai-custom.tmTheme
[Markdown Preview 2]: http://www.1008a.com/wp-content/uploads/2013/07/highlight.jpg
[http_www.1008a.com_post_679.html]: http://www.1008a.com/post/679.html