sublime text3配置markdown

- 日理万妓 2022-07-16 12:50 252阅读 0赞

首先介绍几个Markdown语法说明   
1：[Markdown语法说明（详解版）][Markdown]   
2：[Markdown 语法说明 (简体中文版)][Markdown _]   
3：[GitHub 风格的 Markdown 语法][GitHub _ Markdown]   
4：[GitHub 上的书写方式][GitHub]

目前Sublime Text 3已经支持高亮显示原始Markdown和MultiMarkdown语法，如果不需要预览功能或是GitHub Flavored Markdown支持，可以直接使用。

安装中需要使用`Package Control`，没有安装的可以看[这边][Link 1]。

# 安装Markdown Preview 插件 #

Mardown Preview不仅支持在浏览器中预览markdown文件，还可以导出html代码。下面我们通过`Package Control`安装。

## 1.安装 ##

通过按组合键`Ctrl+Shift+P`或是点击`Preference->Package Control`调出命令面板，然后再输入 `install`，选择`Package Control: install package`。   
![这里写图片描述][20160424184816763]

在插件安装面板输入`markdown`找到`Markdown Preview`并点击安装即可。   
![这里写图片描述][20160424211042612]

## 2.使用 ##

通过按组合键`Ctrl+Shift+P`或是点击`Preference->Package Control`调出命令面板，输入mdp，下图中红框圈出的就是在浏览器中预览markdown文件。   
![这里写图片描述][20160424211409258]   
选中后，你将见到两个选项：GitHub和Mardown。GitHub选项意味着使用GitHub的在线API来解析`.md`文件。它的解析速度取决于你的联网速度。据称有每天60次访问的限制。\[2\]但能免费获得GFM格式的语法支持和EMOJI表情的支持。

另外一个常用功能是图中第五个，Export HTML in Sublime Text，即导出html文件到sublime text。

## 3.快捷键设置 ##

Sublime Text支持自定义快捷键，markdown preview默认没有快捷键，我们可以自己为preview in browser设置快捷键。方法是在`Preferences -> Key Bindings User`打开的文件的中括号中添加以下代码(可在Key Bindings Default找到格式)：

{ "keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"} }
     
      
       1
      
     
      
       1

这里：   
`"alt+m"`可设置为自己喜欢的按键。   
`"parser":"markdown"`也可设置为`"parser":"github"`，改为使用Github在线API解析markdown。

## 4.设置语法高亮和mathjax支持 ##

语法高亮跟编辑器的主题有关，可以在Preferences ->Color Scheme找自己喜欢的主题。

关于目录生成，只要文章是按照markdown语法写作的。在需要生成目录的地方写`[TOC]`即可。

设置mathjax支持需要在`Preferences ->Package Settings->Markdown Preview->Setting User`中增加如下代码\[5\]：

{
        /*
            Enable or not mathjax support.
        */
        "enable_mathjax": true,
    
        /*
            Enable or not highlight.js support for syntax highlighting.
        */
        "enable_highlight": true,
    }
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
      
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11

## 打印成pdf ##

将markdown转换为pdf应该有很多种方法的。可直接用谷歌浏览器虚拟打印功能生成。\[3\]   
利用Markdown Preview的Preview in Browser功能可以在浏览器上看到htm效果。在页面右键->打印->另存为pdf->调节页边距即可将pdf文件下载下来。

# 安装使用Markdown Editing #

Github项目地址：SublimeText-Markdown/MarkdownEditing

## 1.安装 ##

如果Sublime安装了Package Control,直接使用组合键`Command+Shift+P`调出命令面板，输入 “package install” 从列表中选择 “install Package” 然后回车。再输入MarkdownEditing，找到后点击即可自行安装，重启便可使用。

## 2.使用 ##

除了高亮显示语法，MarkdownEditing 还提供了一些快捷键用于快速插入markdown 标记。引用[6][]中有比较详细的使用方式，这里仅作简要介绍。   
常用的(更多的快捷键请参阅其官方文档)有：

插入链接：Ctrl + Win + K   
插入图片：Shift + Win + K

## 3.code snippet ##

输入 “mdi + tab” 会自动插入下面的图片标记

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

输入 “mdl + tab” 会自动生成下面的链接标记

[](link)
     
      
       1
      
     
      
       1

# 另外的插件：OmniMarkupPreviewer #

这个插件貌似功能很强大，用于markdown这是其中的一种功能。因为上两种插件已经够用，就不再研究它了，仅仅Mark下。

*  [http://www.jianshu.com/p/335b7d1be39e][http_www.jianshu.com_p_335b7d1be39e]
 *  [近乎完美的 Markdown 写作体验 - Sublime Text 3 + OmniMarkupPreviewer][Markdown _ - Sublime Text 3 _ OmniMarkupPreviewer]

引用：   
\[1\]:[通过sublime text2/3来编辑markdown][sublime text2_3_markdown]:简介了Markdown语法、markdown Preview插件安装以及markdown高亮修改。   
\[2\]:[Sublime Text 3 Markdown ][Sublime Text 3 Markdown]简要介绍了Markdown Editing，Markdown Preview和LiveReload的功能，详细介绍了Markdown Preview的使用和快捷键设置。   
\[3\]:[sublime text 2 下的Markdown写作][sublime text 2 _Markdown]   
\[5\]:[使用Sublime Text作为Markdown编辑器][Sublime Text_Markdown]

[Markdown]: http://www.ituring.com.cn/article/504
[Markdown _]: http://wowubuntu.com/markdown/
[GitHub _ Markdown]: https://github.com/baixing/FE-Blog/issues/6
[GitHub]: https://github.com/baixing/FE-Blog/issues/5
[Link 1]: http://blog.csdn.net/qazxswed807/article/details/%5bhttp://blog.csdn.net/qazxswed807/article/details/51234834
[20160424184816763]: /images/20220715/71c185b60a634d14b9b3ad94b721f0e8.png
[20160424211042612]: /images/20220715/e35ce359207444bc9dc4f34257ebe31f.png
[20160424211409258]: /images/20220715/6e31f1758de6419a9a06e6f8c82ff28d.png
[6]: http://blog.csdn.net/qazxswed807/article/details/%5bSublimeText%E4%B8%8B%E5%86%99%E4%BD%9C%E5%88%A9%E5%99%A8%E4%B9%8BMarkdownEditing%5d%28http://www.jeffjade.com/2015/08/28/2015-08-28-Write-Morkdown/%29
[http_www.jianshu.com_p_335b7d1be39e]: http://www.jianshu.com/p/335b7d1be39e
[Markdown _ - Sublime Text 3 _ OmniMarkupPreviewer]: http://macplay.leanote.com/post/%E8%BF%91%E4%B9%8E%E5%AE%8C%E7%BE%8E%E7%9A%84-Markdown-%E5%86%99%E4%BD%9C%E4%BD%93%E9%AA%8C-Sublime-Text-3-OmniMarkupPreviewer
[sublime text2_3_markdown]: http://riny.net/2013/sublime-markdown/
[Sublime Text 3 Markdown]: http://cheng.logdown.com/posts/2015/06/30/sublime-text-3-markdown
[sublime text 2 _Markdown]: http://www.jianshu.com/p/378338f10263
[Sublime Text_Markdown]: http://www.cnblogs.com/IPrograming/p/Sublime-markdown-editor.html