{"id":2048,"date":"2015-10-18T21:01:50","date_gmt":"2015-10-18T21:01:50","guid":{"rendered":"http:\/\/www.nikola-breznjak.com\/blog\/?p=2048"},"modified":"2015-10-18T21:05:14","modified_gmt":"2015-10-18T21:05:14","slug":"how-to-set-up-live-markdown-preview-on-windows-with-sublime-text-and-markmon","status":"publish","type":"post","link":"https:\/\/nikola-breznjak.com\/blog\/miscellaneou\/sublime-text\/how-to-set-up-live-markdown-preview-on-windows-with-sublime-text-and-markmon\/","title":{"rendered":"How to set up live Markdown preview on Windows with Sublime Text and Markmon"},"content":{"rendered":"<p>If you write on the web, you must have come across the awesome <a href=\"http:\/\/daringfireball.net\/projects\/markdown\/\">Markdown<\/a>:<\/p>\n<blockquote><p>a text-to-HTML conversion tool for web writers. Markdown allows you to write using an easy-to-read, easy-to-write plain text format, then convert it to structurally valid XHTML (or HTML).<\/p><\/blockquote>\n<p>You can learn more about it from the <a href=\"http:\/\/daringfireball.net\/projects\/markdown\/syntax\">official documentation<\/a>.<\/p>\n<p>There are many editors that allow you to write in Markdown but, as I found, most of them\u00a0require a license. Besides, wouldn&#8217;t it be great that your own editor would have a Markdown support? That&#8217;s why I love <a href=\"http:\/\/www.sublimetext.com\/3\">Sublime Text<\/a>, it has a plugin for everything. Well, ok, it doesn&#8217;t have a plugin to throw out sandwiches from your computer, but I guess it will be able to in the not so distant future.\u00a0<a href=\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/06\/smileyGlasses.png\" rel=\"lightbox[2048]\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1759\" src=\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/06\/smileyGlasses.png\" alt=\"smileyGlasses\" width=\"32\" height=\"32\" \/><\/a><\/p>\n<p>Ok, jokes and wishes aside, let see how to\u00a0set up live Markdown preview on Windows with Sublime Text and <a href=\"https:\/\/github.com\/yyjhao\/sublime-text-markmon\">Markmon<\/a>\u00a0plugin.<\/p>\n<p>Install Markmon:<\/p>\n<pre class=\"lang:default decode:true\">npm install -g markmon<\/pre>\n<p>Install <a href=\"http:\/\/johnmacfarlane.net\/pandoc\/installing.html\">pandoc<\/a>.<\/p>\n<p>Install Markmon Sublime Text plugin through its Package Control (search for &#8220;Markmon&#8221;).<\/p>\n<p>Make sure you have markmon and pandoc in your PATH variable.<\/p>\n<p>Run markmon in the folder where is your .md file, like this:<\/p>\n<pre class=\"lang:default decode:true\">markmon myMDfile.md<\/pre>\n<p>open up your browser at <strong>localhost:3000<\/strong>.<\/p>\n<p>Write on!\u00a0<a href=\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/06\/hand_rock_n_roll.png\" rel=\"lightbox[2048]\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1736\" src=\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/06\/hand_rock_n_roll.png\" alt=\"hand_rock_n_roll\" width=\"32\" height=\"32\" \/><\/a><\/p>\n<blockquote class=\"twitter-tweet\" data-width=\"550\">\n<p lang=\"en\" dir=\"ltr\">How to set up live <a href=\"https:\/\/twitter.com\/hashtag\/Markdown?src=hash\">#Markdown<\/a> preview on <a href=\"https:\/\/twitter.com\/hashtag\/Windows?src=hash\">#Windows<\/a> with <a href=\"https:\/\/twitter.com\/hashtag\/Sublime?src=hash\">#Sublime<\/a> Text and <a href=\"https:\/\/twitter.com\/hashtag\/Markmon?src=hash\">#Markmon<\/a> <a href=\"http:\/\/t.co\/ROZZxCbvGb\">http:\/\/t.co\/ROZZxCbvGb<\/a><\/p>\n<p>&mdash; Nikola Bre\u017enjak (@HitmanHR) <a href=\"https:\/\/twitter.com\/HitmanHR\/status\/655851820686946304\">October 18, 2015<\/a><\/p><\/blockquote>\n<p><script async src=\"\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you write on the web, you must have come across the awesome Markdown: a text-to-HTML conversion tool for web writers. Markdown allows you to write using an&hellip;<\/p>\n","protected":false},"author":1,"featured_media":2282,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-2048","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sublime-text"],"_links":{"self":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/2048","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/comments?post=2048"}],"version-history":[{"count":6,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/2048\/revisions"}],"predecessor-version":[{"id":2285,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/2048\/revisions\/2285"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/media\/2282"}],"wp:attachment":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/media?parent=2048"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/categories?post=2048"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/tags?post=2048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}