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

By Lydia
at 2012-02-10T00:15
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,選擇新增一項「服務」

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

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


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

存檔,大功告成!

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

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

--
[格物雜筆]
閱讀 | 電影 | 音樂 | 動畫 | 漫畫 | 遊戲 | 廣告
http://reader.aqualuna.me
--
這邊分享一個將 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,選擇新增一項「服務」

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

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


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

存檔,大功告成!

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

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

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

By Caitlin
at 2012-02-10T23:13
at 2012-02-10T23:13

By John
at 2012-02-14T02:08
at 2012-02-14T02:08

By Edwina
at 2012-02-15T13:16
at 2012-02-15T13:16

By Heather
at 2012-02-19T00:09
at 2012-02-19T00:09

By Isla
at 2012-02-22T00:49
at 2012-02-22T00:49

By Erin
at 2012-02-23T08:42
at 2012-02-23T08:42

By Zanna
at 2012-02-26T21:20
at 2012-02-26T21:20
Related Posts
System Preference 似乎被刪除了 :'(

By Sierra Rose
at 2012-02-09T23:35
at 2012-02-09T23:35
線上觀看影片

By Enid
at 2012-02-09T23:06
at 2012-02-09T23:06
讓圖片的大小 變小

By Queena
at 2012-02-09T22:05
at 2012-02-09T22:05
想請教mac pro已經很久沒有更新了

By Agatha
at 2012-02-09T21:26
at 2012-02-09T21:26
=..=studio A真的很誇張!

By Olga
at 2012-02-09T20:17
at 2012-02-09T20:17