GitHub Markdown Snippets

Helpful Sublime Text snippets to get you started with GitHub flavored Markdown by letting you type the plain old HTML tags.

Installation

Via Package Control

The easiest way is to install it via Package Control.

• Go to Command Palette Ctrl + Shift + P or ⌘ + Shift + P
• Select Package Control : Install Package
• Search for Github Markdown Snippets

Manual

• Clone the repository or download the ZIP
• Extract the archive
• Put it in your Packages( Preferences > Browse Packages... ) directory.

Using with Emmet

If you have Emmet installed, tab triggers may not function as expected due to this.

To get around the problem, go to

Preferences > Package Settings > Emmet > User Settings 

and add the following in your settings file.

{
    "disable_tab_abbreviations_for_scopes": "text.html.markdown"
}

This should let markdown snippets take precedence over emmet's tab to expand abbreviations feature and provide correct snippets.

Note that any tab trigger not set by this plugin will be converted to HTML tags which is convenient for people who want to use HTML tags inside Markdown files.

Usage

A consolidated guide is available here.

Type a tag name and hit tab. That's it! ☺️

❄️ Long tags like blockquote are shortened for power use.

List of Tab Triggers

h1     // Heading 1
h2     // Heading 2
h3     // Heading 3
h4     // Heading 4
h5     // Heading 5
h6     // Heading 6

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

b         // Bold
i         // Italic
bq        // Blockquote
strike    // Strikeout
hr        // Horizontal Rule, Divider

Bold Text

Italic Text

Put a nice, beautiful quote here...

Strike Through

code    // Inline Code
pre     // Code Block with language based highlighting.

Inline Code Snippet

var message = "Code Block";
alert( message );

a      // Anchor
img    // Image

Link Title

ol       // Ordered List
ul       // Unordered List
table    // Table

1. First Item
2. Second Item
3. Third Item

• I
• Love
• Markdown