成天都在瘋 Markdown

  • 0
MdCharm

有一回公司在開會時,老闆請同事將開會中討論到的東西用條列式列出來,只見同事打開了 Gmail 準備將東西打完之後寄給老闆,先不論文字有沒有打對,光看文字亂七八糟列出來,看起來就讓人不太舒服。

當時的我在想:「如果用 Word 或 HTML 的項目符號應該可以排好一些,但如果能夠用純文字的方式就能讓人簡單易懂,那該有多好。」就在這個想法過了兩年之後,我終於在 Odin是個Blog傻瓜推文當中看到有趣的玩意兒,就做「Markdown」,光看這個名字我就笑了出來。HTML 的 M 就是指「Markup」,那 Markdown 是什麼?反派角色嗎?


定義 MarkDown

一種輕量級標記語言,創始人為約翰·格魯伯(John Gruber)和亞倫·斯沃茨(Aaron Swartz)。它允許人們「使用易讀易寫的純文本格式編寫文檔,然後轉換成有效的XHTML(或者HTML)文檔」



HTML vs Markdown

  • HTML 是給瀏覽器看的,Markdown 是給人看的
  • HTML原始碼你看不懂,Markdown 本身就是原始碼
  • HTML 貼到記事本就變網頁,Markdown 在編輯器時需要選擇「複製成 HTML」轉檔,再貼到記事本才能變成網頁。


Markdown 優點

Markdown 不是 HTML 殺手,只是輔助你充分使用文字排版功能。例如我過去很少在寫部落格使用到 h1、h2、h3 …這類標題階級的標籤,雖然我知道讓文章有層次很重要,但就是懶得使用。

但是在 MarkDown 當中一切都改觀了,你只需要用幾個 # 號加上空格就能讓那段文字變成標題。

甚至連超連結都可以用中括號([ ])與小括號(( ))就能製作超連結,例如:

  • 原始:[ckizumi.com ](http://www.ckizumi.com)
  • 成果:ckizumi.com


Markdown 缺點

說到缺點,大概就是 Markdown 的版本很多,追根究底就是 Markdown 的標記並非完全對應到 HTML 標籤,大多數的標題、粗體、斜體、超連結、圖片都可以用 Markdown 來寫;但是 embed、iframe、table 等標籤就不在範圍之內。

既然有人不支援標籤,那也有人認為這是很好的切入點,因此就變成了這個編輯器支援表格功能、那個編輯器能夠OOXX。到最後就變成非常經典的「一綱多本」,但總歸基本的操作是不變的。


MarkDown 導覽手冊

我讀過一些 MarkDown 的介紹,看過之後很快就能夠上手(聽起來真像廣告詞,不過是真的),我建議可以觀看以下資料。



Markdown 編輯器

我個人使用多款 Markdown 編輯器,我來補充一下。


Markdown Here 並非 Markdown 編輯器,它最方便的就是讓你在寫 Gmail 時,你可以用你習慣的 Markdown 方式編寫,按一下右鍵選擇「Markdown Toggle」編譯成網頁豐富文字樣式。這裡的秘訣在於 Markdown Here 會將 CSS 樣式順便塞進 Gmail 信件中,因此你的信件看來就是會比別人有條理,排版也精美多了。

這邊得注意一件事情,使用 Markdown Here 切換樣式時,網頁樣式等於是給你預覽使用,若是你在這個模式下編寫新的內容,再按一次「Markdown Toggle」 的話,新增的內容會消失的乾乾淨淨,這點得特別注意。

    No comments: