Markdown Preview Use Sublime Text 3

Download Sublime Text 3 http://www.sublimetext.com/3 Install Package Control https://packagecontrol.io/installation#st3 Use Ctrl + ` or View > Show Console open the Sublime Text console. Copy the text into console and press Enter to install Package Control. Once finished installation, restart Sublime. Install Markdown Preview package Open command palette via Ctrl + Shift + p or Preferences > Package Control from menu. After typing install and press Enter, it will pop-up a package menu. ...

August 12, 2015 · 1 min · oopsmonk

Pandoc's Markdown Reference

#### [2015-02-12]This article doesn't render properly since I switched from Google Blogger to Github Pages. I won't fix this problem. Pandoc實現了基本的Markdown語法外, 還加了一些extention. 細節可參考: [Pandoc's Markdown][pmd] [Markdown語法][mdsyntax] [Markdown:Syntax][mds] [Pandoc Markdown and ReST Compared][MDcmpReST] Headers (Setext and atx) Setext-style只有兩階也就是HTML語法裡的h1及h2 tag,-跟=的個數沒有限制. atx-style共有6階, h1~h6. # This is H1. ## This is H2. ### This is H3. #### ... ###### This is H6. 除了階層較多之外, atx-style還可以使用Markdown syntax. ###This is *H3* header. Output: This is H3 header. Inline Formatting Basic Emphasis 斜體字: *, _ , 粗體字: **, __, ...

May 23, 2013 · 7 min · oopsmonk

About Markup

Markup Language 寫文件或blog最困擾的就是排版, 大略看一下目前較流行的Markdown & reStructuredText, 決定用Markdown來寫, rst給我的感覺就是要再學另一種語言, 雖然強大, 但我只要夠用就好, 必竟都有人用Markdown寫書了 XD. Markdown Setup 目前是用Vim + Pandoc來寫Markdown, 網路上也有Web editor, 或是windows平台的Markdownpad, 但Web用起來不順手, Markdownpad不能跨平台. 用Vim麻煩的是preview, 寫完要手動用Pandoc轉成html, 之後直接將轉出來的html, 直接貼到blogger. 一般沒有CSS的用法: $ pandoc README.md -o out.html 加入CSS依文件的方法是: $ pandoc -c markdown.css README.md -o out.html 但是會有一個問題, 貼上blogger時會無法正常顯示, 原因在於html裡是這樣寫的: <link rel="stylesheet" href="markdown.css" type="text/css" /> 後來想到了一個workaround, 用-H參數將CSS放入Header, 但也不是直接帶入, 需要將一般的CSS file用style tag包起來, 如下: <style type="text/css"> Your CSS syntax.... </style> 另存成pandoc-markdown.css, 如此才是真正的__fully standalone__. $ pandoc -H pandoc-markdown.css README.md -o out.html Vim Tips 修改vimrc將*.md標示為Markdown格式, 存檔自動產生HTML檔案. ...

May 21, 2013 · 1 min · oopsmonk