使用StackEdit發佈Blog文章到Blogger

前言

最近應該要稱為Blog文藝復興運動

  • Ghost-在Kitstart網站募資, 29天完成30萬美金募資, 核心使用Node.js,特色是支援Markdown所見即所得的雙向編輯器,使用Responsive design所以Blog文章是何在電腦,手機,平板看都很舒適, 採用MIT授權的OpenSource
  • StackEdit- 單向Markdown所見即所得編輯器, 可將Mardown文件存在Dropbox,Google Drive, 並可將編輯好的Markdown文件發佈到BlogSpot,WordPress,Tumblr等知名的Blog服務, 如果你使用GitHub, 也可以用StackEdit編寫文件, 然後發佈到GitHub.
  • Postach.io-Evernote Devcup 2013冠軍, 可使用Evernote桌面編輯器撰寫blog文章, 然後發佈到postach.io的blog服務. 也有支援Markdown, 但是沒有所見即所得的Markdown編輯器整合. 目標客戶應該是Evernote使用者, 撰寫簡單的Blog文章還不錯用, 但是還在Beta階段, Bug還不少XD

這些Blog發佈軟體都有一個共同特色, 就是支援Markdown語法, Markdown會流行起來應該跟GitHub有關, 只不過我不太清楚的是有wiki語法, 為何要有Markdown?? 還好很多語法跟Wiki很類似, 進入門檻也不是很高.

為何我要選擇StackEdit??

剛開始寫Blog是使用blogspot, 但是中斷了一陣子, 已經忘記為何會中斷, 但是這段期間曾經使用了Wordpress來架設公司的Blog, 嘗試使用Tumblr寫自己的blog, 也用過Postach.io+Evernote寫Blog, 一直到遇到Postach.io不少問題後, 改用Markdown+Postach.io解決排版與掉圖的問題, 這時候剛好在facebook上看到有網友介紹一個很酷的Markdown所見即所得編輯器, 這個編輯器可以將Markddown文件放在Google Drive, 可以使用Google相簿當圖床, 然後將Markdown轉換成HTML後發佈到目前許多知名的Blog服務, 這是我目前看到最完美的解決方案

為何不用WordPress,Tumblr,Ghost

這些系統在我看來其實都有一個特色, 資料存到這些系統後, 你的資料就會緊緊的被這些軟體綁住, 他們後端都有一個資料庫. 影像有自己的存放空間, 我認為未來的數位內容服務都要像StackEdit一樣有一個中立的介面, 讓使用者的內容不受這些軟體服務商所約束. 資料隨時都可以搬家

還記得前一陣子無名小站關站新聞嗎? 有些部落客都寫了快10年的文章, 有一天要他們搬家, 我想文章寫越多, 要搬家這件事就會更痛

StackEdit-所見及所得的Markdown編輯器

StackEdit是一個Web服務,只要連接到benweek.github.io/stackedit/就可以開始使用, 它不用登記帳號, 就是一個很純粹的Web前端幫你做Markdown文件編輯, 然後在右邊可以馬上顯示你的文件排版結果

Markdown畫面

以上的畫面就是StackEdit的操作介面, 使用上很簡單

但是在StackEdit編輯好的Markdown文件要存放在哪裡呢??

StackEdit有支援Dropbox和Google雲端硬碟

DropBox & Google

經過測試後, 建議使用Google雲端硬碟, 與Google雲端硬碟整合後有以下的好處

  1. 將StackEdit與Google雲端硬碟連接後,Google還會將StackEdit視為一個外掛程式,未來編寫Markdown文件, 透過Google雲端硬碟就可以新增

    New from Google

    2.編輯中的StackEdit文件會自動與Google drive做同步,點選Google Drive中的markdown文件會自動打開StackEdit的網站, 然後打開文件開始編輯

    Google Drive App

那麼StackEdit的圖片呢?

StackEdit並沒有自己的圖片儲存, 所以也就沒有時下熱門的Drag & Drop功能, 目前我的作法事先將blog圖片上傳到Google相簿, 然後StackEdit可以從Google相簿中匯入圖片

Import Photo

發佈到Blogger的注意事項

編寫好Blog文章, 最後就可以發佈到你的blog服務商, 我這邊是使用Google的Blogger為範例

publishtoblog

選Blogger後要自己輸入Blog的網址, 可以在發佈時就設定Label , 按下OK後就可以將文章發佈出去

BlogSetting

當您發佈後, 如果想要修改, 這時候就樣注意了, StackEdit目前還不是很聰明, 它不知道你這次的發佈是新增還是修改, 所以你必須到BlogSpot後台找出文章的post id

findpostid

然後再一次發佈時要輸入文章的post id, 還有Label要重新輸入, 不然會將將之前的Label刪掉

PublishUpdate

StackEdit編輯注意事項

StackEdit跟Google Drive整合後, 透過Google Drive新增文件可以選擇使用StackEdit, 第一次使用還OK , 但是第二次新增文件要小心, StackEdit會打開cache的前文件, 但是要等大約10幾秒,StackEdit才會初始化一份新的Markdown,剛開始用會覺得怪怪的怎麼新增文件會打開之前的編輯的文件, 這可能是StackEdit的初始化會先打開先前編輯的文件, 這應該是StackEdit的Bug.

感想

StackEdit可以說類似一個Proxy, 儲存系統是用外部的雲端儲存, Blog是用目前熱門的Blog服務, 它就只是一個編輯器, 當你產生的資訊跟這些Blog系統關連越少, 你的資料就越不容易被這些系統給綁架了

Written with StackEdit.

留言

這個網誌中的熱門文章

使用 AI 專門幫公司內部的流程做最佳化,這個團隊的角色會越來越重要

使用 New Bing 的 Chat 功能來當作閱讀 PDF/網頁文章/程式碼的輔助工具

我的Kindle 2支援中文顯示了