HackMD 國產線上 MarkDown 協作平台

話說 MarkDown 出來那麼久了,也沒見身邊的朋友在用。寫出來文章還會被他人當成是某種怪異的個人風格化註記。但也沒錯啦,MarkDown 的文章寫起來就真的很像參夾了某種註記,所以不管是用 MarkDown 預覽器,或是以純文字的方式來開啟,都能有很接近的易讀性。

廢話結束。本文的主角 HackMD 是台灣團隊設計的線上 MarkDown 編寫平台,同時也具有協作功能。雖然說 HackMD 主打線上 MarkDowning,其實就算當它是個普通的線上文件編輯器也 OK。協作的部分也非常多元,最自由的可以到無需登入的任意多人即時協作

HackMD 服務連結在此:hackmd.io

以下的介紹圖多。


首頁長下圖這個樣子。登入的方式包含 Facebook、Twitter、GitHub 等,非常多元。

screencapture-hackmd-io-1508073770036

新文件開啟後是 Markdown 編輯器常見的很經典的雙欄模式(下圖),左欄是編輯欄,右欄是預覽欄。當然也可以選擇只顯示純編輯欄或純預覽欄。不懂 MarkDown 語法的人,直接在編輯欄操作即可,這個用法比較像是把它當成一般的線上編輯器。

img-1508074196

HackMD 有也針對手機或平版的 RWD 設計(下圖),不過在手機上操作起來一定不比原生 app 流暢(web app 的硬傷)。

HackMD-mobile

除了基礎的 MarkDown 語法,HackMD 也整合了 LaTeX 方程式、甘特圖、流程圖、樹狀圖等的 MarkDown 外掛(見下系列圖)。不過這些外掛圖形如果可以有 png 或 svg 直接匯出的選項就更好啦。

 

除了編輯器外,功能選單也非常豐富(下圖)。要直出到 Gist 或匯出成 HTML 網頁檔都行。也可以看修編紀錄(Revision)。不過投影片模式(Slide Mode)跟書本模式(Book Mode)最近再試顯示效果都怪怪的,希望只是暫時性的 bug。

img-1508074348

下圖是文章中提到的協作設定(正確來說是檔案存取權限)。選 Freely 的話,基本上任何人有連結都能即時編輯,而且所有在線的人都能即時看到修改結果。

img-1508075812

不過 HackMD 檔案管理方式較簡單,主要手段是標籤化(tag)+內文關鍵字搜尋(keyword),並有一些基本的像標題排序的檢示方式(下圖)。

screencapture-hackmd-io-recent-1509457799567


大致就這樣。算是一個玩法簡單、功能豐富的線上服務。

MarkDown 的語法說明可看 markdown.tw;關於 Markdown 的嘮叨可以看 我的 Markdown 心得;本網誌所有 MarkDown 文章:連結

廣告

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 /  變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 /  變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 /  變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 /  變更 )

w

連結到 %s