Sublime Markdown



For example, it sometimes struggles getting image sizes right, and the font sizes don't match GitHub's markdown renderer very well. But it is amazing considering it works within Sublime. You can open your markdown files into a split screen view with the markdown code on the left and the rendered file on the right. And did I mention it is 'live'? Write with Markdown Sublime Text is a text editor, not a rich text editor. This means writing with a formatting language like Markdown will get you the most bang for your buck.

Browse

Markdown preview and build plugin for Sublime Text https://facelessuser.github.io/MarkdownPreview/

Details

Sublime Markdown Viewer

Installs

  • Total711K
  • Win308K
  • Mac266K
  • Linux138K
Apr 23Apr 22Apr 21Apr 20Apr 19Apr 18Apr 17Apr 16Apr 15Apr 14Apr 13Apr 12Apr 11Apr 10Apr 9Apr 8Apr 7Apr 6Apr 5Apr 4Apr 3Apr 2Apr 1Mar 31Mar 30Mar 29Mar 28Mar 27Mar 26Mar 25Mar 24Mar 23Mar 22Mar 21Mar 20Mar 19Mar 18Mar 17Mar 16Mar 15Mar 14Mar 13Mar 12Mar 11Mar 10Mar 9
Windows628510087101556195102919010656509310196129636141828870909043617611810110010160519091105959155539810796109
Mac39808184704130637573956249457568868654263764877460722426667958927640507868858872494062828379
Linux17293444392220294341413617254343363524242021302232241328403440423118302731374330253233364040

Readme

Source
raw.​githubusercontent.​com

Preview and build your markdown files quickly in your web browser using Sublime Text 3.

You can use the builtin Python Markdown parser (offline) or use the GitHub Markdown API or GitLab Markdown API (online) for the conversion.

Features

  • Markdown preview using the python-markdown with syntax highlighting via Pygments and optional 3rd party extensions (pymdown-extensions included by default).
  • Markdown previews via the GitHub API.
  • Markdown previews via the GitLab API thanks to @hadisfr.
  • Ability use other external Markdown parsers.
  • Build markdown file using Sublime Text build system.
  • Browser preview auto reload on save if you have the LiveReload plugin installed.
  • Configurable CSS and JavaScript assets with overriding if needed.
  • YAML support thanks to @tommi.
  • Clipboard selection and copy to clipboard thanks to @hexatrope.
  • MathJax support : (frac{pi}{2}) thanks to @bps10.
  • HTML template customization thanks to @hozaka.
  • Embed images as base64.
  • Strip out MultiMarkdown CriticMarkup.

Documentation

Support

Sublime Markdown

Sublime Text Editor For Mac

  • Any bugs about Markdown Preview please feel free to report here.
  • And you are welcome to fork and submit pull requests.

Attribution

Markdown Preview contains a stripped down version of font awesome that is included in the default non-GitHub CSS. It contains only the icons we currently use.

Sublime Markdown

License

The code is available at GitHub under the MIT license.

Over the last couple of months, I've been writing a lot of Markdown, primarily for these blog posts. I've tried various text editors, but haven't been entirely happy with the writing experience until last week when I discovered two excellent packages for Sublime Text. Here's the setup which I used to write this very post and which I'll be using to write Markdown from now on.

Sublime MarkdownSublime

Sublime Markdown Pdf

#Writing Markdown in Sublime Text

I've been a long-time fan of the Sublime Text editor. It's lightweight, fast, and highly customizable. Plus, it simply looks gorgeous on a MacBook with a retina display.

If I need to sit down and focus on my writing, I like to enter Sublime's distraction free mode, which then switches to fullscreen and hides everything but the current file's content. That makes it a lot easier to stay focused on the task of writing:

You can either click on View | Enter Distraction Free Mode in the menu bar or use the (slightly uncomfortable) CTRLCMDSHIFTF keyboard shortcut.

Sublime Markdown Preview

Additionally, I usually activate the Do Not Disturb mode to prevent macOS from showing Growl notifications in the upper right corner of the screen. Again, this helps me focus solely on the writing.

#The Monokai Extended Package

While the writing experience in Sublime's distraction free mode is already pretty good, the syntax highlighting for Markdown, frankly, isn't:

If you install the Monokai Extended package and select the Monokai Extended color scheme, the highlighting will improve drastically:

The background color will be slightly darker, which I like. If you'd rather stick to the original Monokai one, go for the Monokai Extended Bright color scheme instead:

Sublime Markdown Extended

Besides highlighting Markdown, the package will provide additional highlighting for Less, HTML, Handlebars, and more. Color all the things!

#The Markdown Extended Package

Now that the Markdown text is highlighted a lot better, let's look at how fenced code blocks are displayed. By default, Sublime won't highlight them:

Luckily, the author of the Monokai Extended package, Jon Schlinkert, provides a package named Markdown Extended for making code blocks pretty, too. With that package installed, you can enjoy language-specific syntax highlighting:

Make sure that the syntax for the current file is set to Markdown Extended:

I'm pretty happy with this setup. Thanks, Jon, for providing two truly helpful packages that make writing Markdown in Sublime Text even more enjoyable.