社群網路的興盛,讓更多人願意將自己的想法發表到網路上與大家分享,因此各種形式的部落格、文字編輯器因應而生。

而平常,撰寫網路文章時,除了構思內容之外,在後台編輯也十分勞心傷神, 反覆的預覽與排版到最終完成上稿,所需要的時間往往比花在構思文章內容的還要多,常常讓人對於網路文章編輯感到倦怠與反感。

同時,在瀏覽網路文章時,常會看到許多"無音樂圖多好讀版"的網誌,但是他們是真的都”好讀”嗎? 過多顏色、符號、大小不一的字體、標題不對稱的文章,都讓文章變得難以閱讀,進而不想閱讀。

身為作者,我想要更快速的編輯、排版出易閱讀文章
身為讀者,我想要看到更簡單、明瞭、有重點的文章

因應而生的「Markdown」,便是一款功能強大且操作簡易的編輯器,讓作者能輕鬆的排版出更加方便讀者閱讀的文章。

由於目前坊間使用Markdown的網站仍十分稀少,故以下將以織女星科技所推出的「WindSpeaker寫作平台」作為範例,從讀者及作者雙方角度切入,介紹Markdown編輯器。

file

What is Markdown?


Markdown 是一種工具,專為網路寫作者設計,能夠將純文本格式編寫文檔, 轉換成HTML語言標記。 簡單來說就是把純文本透過簡易程式語法的加註,便可以直接轉換成帶有排版格式的文章!

Normal Editor VS Markdown


一般人發布網路文章大多會選擇使用網站排版或是Word直接剪下貼上, 若是網站排版,便需要用到HTML跟CSS,對於不會寫程式的人會是一大負擔, 需要用tag 如//<h1去製造標題,用(br)來分行, 一堆語法常常搞得大家很頭痛,忘記語法怎麼寫、不知道要使用哪個語法等等。。 而用Word編輯則是所見及所得,但因Word夾帶很多隱藏程式碼,倘若單純剪下貼上到網站,所有格式就會亂跑,需要花更多的心力在重新排版上。

以下簡單示意使用兩種編輯器撰寫文章、上稿的流程

Normail Editor

  1. <20min> 打完內容
  2. <30min> 排版,開始使用HTML/CSS語言來排版,調字的大小、插入表格與圖...
  3. <3min > 預覽,透過預覽才能有沒有排好,至於格式有時候會跑掉就是另外一回事了。
  4. <20min> 修改排版->預覽->修改排版->預覽......->好不容易完成

花在一篇文章上的時間越久,便無法兼顧文章出產的頻率與數量。

Markdown

在打文章的同時,便可以順便排版,只需要用符號如#、<>就可以統一標題、字體、放上超連結、圖片。 預覽的結果直接在右邊就可以呈現,省時又省力。

  1. <20min>一邊打文章、一邊排版
  2. 上稿、完成 file

EX

markdown編輯 預覽顯示 功能
#標題三 標題三 字體大小
**標題三** 標題三 粗體
*標題三* 標題三 斜體
[visit lyrasoft!](http://lyrasoft.net) visit lyrasoft! 超連結

他就是一個讓你可以簡單、輕鬆排版、上稿的工具

Why Markdown?


  1. 簡單上手、好記憶,很快便可學會
  2. 及時預覽,左邊編輯,右邊預覽 可以直接看到排版結果,省掉最後預覽、再重複修正的時間
  3. 標題、篇幅字體選擇一致,文章看起來有條理且整齊、更易讀
  4. 圖片不如以往需要上傳,直接拉進來即可編輯
  5. 可以專注於內容寫作,減少事後的排版時間

開始第一次的markdown 寫作體驗!=> WindSpeaker

如果想再進一步知道WindSpeaker 中markdown 編輯器使用技巧,請參考下一篇