$ npm install sublime-markdown-extended
Extends Soda's Monokai and the default markdown styles with additional syntax highlighting for YAML Front Matter, GitHub Flavored Markdown (GFM) and language-specific syntax highlighting inside GFM "fenced" code blocks
Although substantial changes have been made, thank you @aziz and other contributors to Knockdown, for the code for the fenced code blocks.
Get Monokai Extended for better highlighting.
If you already have Package Control installed in Sublime Text:
Go to Preferences -> Browse Packages
, and then either download and unzip this plugin into that directory, or:
git clone https://github.com/jonschlinkert/sublime-markdown-extended.git "sublime-markdown-extended"
After installing this package, open a markdown file and switch the language to Markdown Extended
, using one
of the following methods:
ctrl + shift + p
and search for "Markdown Extended"To make Markdown Extended
the default highlighting for the current extension:
.md
)View -> Syntax -> Open all with current extension as... -> Markdown Extended
The following examples use the Monokai Extended theme.
Whitespace is significant only directly before and directly after fenced code blocks! Following these instructions will ensure that highlighting works properly and consistently.
This is very simple:
If you don't, it won't break your code but it won't always look awesome.
You will need to keep a space above and below fenced code blocks for predictable results with syntax highlighting. For example, this is what it looks like when there is no space before a fenced code block:
This is what it looks like with proper spacing:
Also add a new line after code blocks, but make sure that there is no trailing whitespace next to the bottom fence.
With a trailing whitespace
Without a trailing whitespace
The following languages are highlighted inside fenced code blocks:
Note that in order for a language to be highlighted properly, you must have the language installed in Sublime Text.
coffee|coffeescript
cpp
css
c
c++
diff
ejs
underscore
lodash
handlebars|hbs
: requires the Sublime Text Handlebars packagehtml|html5
jade
java
javascript|js
json
less
md|markdown
objective-c
objective-c++
perl
ruby
sass
scala
scss
shell
bash
sql|ddl|dml
styl
swig
liquid
xml
yaml
Jon Schlinkert
Copyright 2013 Jon Schlinkert