在OSX中隨時隨地將Markdown轉為HTML - MAC

Lydia avatar
By Lydia
at 2012-02-10T00:15

Table of Contents

不曉得板上有沒有人在用 markdown 寫純文字文件的?
這邊分享一個將 markdown 格式轉成 html 的簡單方法
可以在任何文字編輯區中寫好 markdown,
然後全選、進右鍵選單按下轉換就可以了。

圖文好讀版: http://goo.gl/DTNdV

對 Automator 熟悉的朋友看底下的文字應該也是 OK 的 ^^

* * *

很多人喜歡用 Markdown 寫純文字的文件,包括我。簡單又有規範,
而且幾乎所有文書軟體/編輯器都可以開啟(應該沒有不支援純文字
的編輯器吧?),也可以轉成 HTML 在網路上發表。

在 Markdown 作者 John Gruber 的網站上有提供了一個 perl 寫的
Markdown 轉換指令稿,可以將 Markdown 轉換成 HTML。不過每次要
轉檔都要進終端機下指令也是麻煩,今天剛好看到一篇文章,可以在
OS X 中加入一項服務,透過該服務,任何只要提供文字編輯的應用
程式,都可以經由右鍵選單輕鬆將 Markdown 轉換成 HTML。

原始文章:
[Installing Markdown as an OS X Services Menu Item Using Automator]
(http://goo.gl/aPzsH)

懶得看原文的也可以看下面步驟。原文中的作法是將轉好的 HTML 直
接取代掉原始 Markdown,因為我的需求不同,所以以下的步驟還會
加上將轉好的 HTML 放到剪貼簿中。

先下載 John Gruber 所寫轉換指令稿:[Markdown.pl]
(http://daringfireball.net/projects/downloads/Markdown_1.0.1.zip)
下載後找個地方存放,我是放在 "/usr/local/bin/" 下面。

然後開啟 Automator,選擇新增一項「服務」

![automator service](/path/to/img.jpg)

接著會在視窗中看到如下內容。勾選「輸出會取代所選文字」,如果你只複製到剪貼簿而不需替換掉原本文字,可以不用勾選。

![replace selected text](/path/to/img.jpg)

在左側程式庫列表中找到「執行 Shell 工序指令」,拉到右側。然後在文字區域中輸入 "/usr/local/bin/Markdown.pl" (請依照下載時所存放位置作適當修改)

![run shell script](/path/to/img.jpg)

![type the path](/path/to/img.jpg)

如果只是要產生 HTML 碼,到上個步驟就可以了。若還要把轉換後的 HTML 存到剪貼簿中,一樣在左側程式庫列表中找到「拷貝到剪貼板」,然後拉到右側剛剛的指令下方。

![copy to clipboard](/path/to/img.jpg)

存檔,大功告成!

![save and finish](/path/to/img.jpg)

接下來實驗看看。打開「文字編輯」或是任何可以編寫純文字的程式,隨便打一段 Markdown 指令。輸入完後全選,叫出右鍵選單,可以看到我們剛才辛苦的結晶:

![markdown to html](/path/to/img.jpg)

用力給他按下去--噹啦~全部變成 HTML 了,很方便不是?

![markdown to html converted](/path/to/img.jpg)

--

[格物雜筆]
閱讀 | 電影 | 音樂 | 動畫 | 漫畫 | 遊戲 | 廣告
http://reader.aqualuna.me

--
Tags: MAC

All Comments

Caitlin avatar
By Caitlin
at 2012-02-10T23:13
比起這個我推薦Mou http://mouapp.com 可以WYSIWYG
John avatar
By John
at 2012-02-14T02:08
其實我已經買了 iA Writer 在用... XD
Edwina avatar
By Edwina
at 2012-02-15T13:16
我也有買iA Writer耶,如果要更新blog文章 用哪個好阿
Heather avatar
By Heather
at 2012-02-19T00:09
我目前是用iaWriter寫,然後用本文所提到的方式轉成html
再貼到blogger上去
Isla avatar
By Isla
at 2012-02-22T00:49
wordpress聽說有markdown的外掛,我沒用wp不太清楚
Erin avatar
By Erin
at 2012-02-23T08:42
iAwriter真的不錯用, 如果要加入圖片,好像還稍嫌不足
Zanna avatar
By Zanna
at 2012-02-26T21:20
Mou 的 icon 很像 M 字開腳.. XD

System Preference 似乎被刪除了 :'(

Sierra Rose avatar
By Sierra Rose
at 2012-02-09T23:35
之前 System Preference 被我移至桌面上 但後來為了桌面乾淨 我把System Preference給刪除了 現在才要用到 System Preference 卻發現左上角 Apple下的 System Preference 不能開啓了 請問有解嗎? 感激不盡!! - ...

線上觀看影片

Enid avatar
By Enid
at 2012-02-09T23:06
嗨 各位mac使用者大家好 小弟在這有個問題想問大家 就是我想在線上觀看影片 然後更新了quicktime player也載了flv 都無法觀看 一直顯示“沒有可以顯示此內容的外掛程式” 請問有沒有大大能幫忙解決這個問題~~ 謝謝囉!!!! - ...

讓圖片的大小 變小

Queena avatar
By Queena
at 2012-02-09T22:05
hello各位前輩 我想要把自己拍的照片 上傳網路做成明信片 可是製作明信片的網頁 規定圖片大小不能超過8MB 想請問如何讓圖片的大小 縮小到8MB以內 但是又不想要太小 怕圖片變模糊 我系統版本是LION 圖片類型是jpg 謝謝:D - ...

想請教mac pro已經很久沒有更新了

Agatha avatar
By Agatha
at 2012-02-09T21:26
補充一個比較 Lag 的消息, 在 MacOS X 10.7.3 中有 AMD Tahiti 系列的驅動程式, 而最近發表的 Radeon HD7970 也是Tahiti系列的。 - ...

=..=studio A真的很誇張!

Olga avatar
By Olga
at 2012-02-09T20:17
昨天和先生心血來潮從三峽到誠品敦南店玩耍 剛好一樓有studio A加上有某條USB Cable不見 於是就在這裡買了條原廠線 結果回家拆開後發現 線是舊的 還附上一張去年的發票!( ̄ー ̄) 今早氣沖沖打電話去問 對方連忙賠不是,請我帶過去換! (三峽到敦化南路()還塞車!!) 店員看完還恍然大 ...