本站已搬家!

本站已搬家至https://blog.typeart.cc


歡迎舊雨新知指教!

使用stack edit 撰寫文章並發佈至blogger

使用STACK EDIT發佈 & 儲存文章

在stackedit 寫完後,點擊左方的synchronize,可以將文章存入至google drive或由google drive開啟文章,不得不說英文用synchronize真的很容易誤導呀!
只要把stack edit當成word,google drive當成你的硬碟。
整體流程其實就像我們用word寫文章一樣:打開word→開啟檔案→撰寫→存檔→寄出
  1. 打開word:打開stackedit
  2. 開啟檔案:按左方synchronize由硬碟(google drive)開啟
  3. 撰寫:在stackedit上撰寫
  4. 存檔:按右上角的存檔(synchronize),存入硬碟(google drive)
  5. 寄出:發佈到blogger
  6. 若像我一樣文章內有把要關注的程式碼加框的話,再至blogger>檢視html,手動補上class
    (延伸閱讀:blogger使用highlight上色程式碼並加入強調框線及自動換行)

指定使用highlight.js或google code prettify

  1. 左邊工具列點開,下面settings
  2. Extensions
  3. Markdown Extras
  4. Syntax highlighter指定highlight或Prettify

使用STACK EDIT修改文章

文章發佈後若要修改的話
  1. 在synchronize打開當初寫好存在google drive的markdown檔案
  2. 改好後,一樣按publish。注意!不要馬上按ok送出!這樣就會變成再發一篇新文章
    第2個欄位的postID,就是讓你填要更新的文章
  3. 接著到blogger,按編輯文章
  4. 網址列可以看到該篇文章的postID,複製出該postID
    https://draft.blogger.com/blogger.g?blogID=1559483337480496609#editor/target=post;postID=149252816010617338;onPublishedMenu=allposts;onClosedMenu=allposts;postNum=1;src=link
  5. 貼上後,按ok送出,就會更新到該篇文章嘍!
這邊要注意不要點錯文章了,否則會取代掉他篇文章唷!

心得

markdown因github而發陽光大。實際使用下來,發覺真的很好用,上手相當容易!
不但可以快速調整文件架構,又可以直接產出含書籤的pdf、doc等各種文件
只是非pdf,格式都會有點怪怪的,還得再調整就是了
其中最重要的是 — 可以快速嵌入程式碼並上色
於是所有筆記都以md來寫。不但有關程式的筆記易於閱讀,而整理的過程不必花太多心力調整架構、美化,又可以快速產生!避免為了筆記而花費太多沒必要的排版時間。
而後又看了ptt - re:寫blog的好處,決定試著經營blog
雖然很喜歡hexo架起來的精緻感,而且也充份利用了md的toc,但考慮到需要租服務、後續的版更、資料的備份…等。
也曾經照著教學在github上架起hexo,但就得考慮到資料自己電腦上的備份問題(放dropbox可解),但若電腦掛掉就得再重建環境…
反而變成還沒開始寫文章,就得先花一堆時間在處理不相關的事務上
而且都還不知道自己可不可以持之以恆的寫下去啊!!!也許寫不到半年就放棄了XD

最後決定先求有再求好。若真的寫習慣且真的有一定流量的話,再考慮要不要轉換吧!
決定了平台是Blogger,接著就是寫文的舒適感。markdown是一定要的,幾度尋覓最後決定使用stack edit寫文,並將文章儲存在google drive。
不但解決了寫文的舒適感,若以後真的有機會要自架hexo的話,還可以降低文章搬家的痛苦感QQ
而STACK EDIT最大好處是可以支援自動轉換成highlight.js或google code prettify
(延伸閱讀:blogger使用highlight上色程式碼並加入強調框線及自動換行)
也就是整篇完全可以使用markdown撰寫,幾近無痛輸出至blogger

目前遇到兩個小痛點就是表格無法產生,不過還好用到的機會不多
第二個問題則是若程式碼中有需要加框框的話,需要在blogger中的檢視html手動新增,畢竟是使用css語法加框的QQ
至於像是文字上色之類的,直接下font color也足夠了。畢竟一篇文章不可能整篇都花花綠綠的

延伸閱讀:

blogger使用highlight上色程式碼並加入強調框線及自動換行

參考資料:

ptt - re:寫blog的好處
為什麼文科生也該用markdown寫作
使用StackEdit發佈Blog文章到Blogger
Stackedit 發文流程

留言