跳到主要內容

Markdown寫作部落格

使用 Markdown 寫部落格

年紀大了,很多最近在查詢的資訊其實以前都花一番功夫查過,沒有記錄下來都還要再花時間找回。之前大部分的做法有二,一個是直接寫部落格,二來是使用 Evernote。

編輯的時間太長

部落格一直以來都是使用 Google 的 blogger,內建的編輯器有點時代久遠,編輯與調整使得,每次都要花很久的時間才能完成一篇文章的撰寫。於是開始工作後,部落格就由週記、月記….間隔一直慢慢的拉大。在未發佈的文章裡放了滿滿的參考連結。

編輯器太過陽春

Evernote 是今年很多人推廣的一個筆記軟體,功能一直的加強擴張。有了 Windows 及 MaxOS 的應用程式,卻沒有 Linux 可以使用的應用程式。身爲 Linux 的使用者,只能使用 Evernote 的網頁版,而網頁版的編輯器功能大概就只是比 Notepad 強一些而已。

筆記也能分享

既然花了這麼多的時間查詢資料、整理資訊,總是希望這樣的結果是可以與人分享的,知識是需要交流才能夠更進步。放在 Evernote 就比較難與很多人分享與流通。
基於上述的理由,決定探訪最近很多 Hacker 使用的 Logdown。Logdown 也是一個部落格平臺,最大不一樣的地方是使用 Markdown (Markdown 是一個專門爲了網路寫作而設計,能夠將文字轉換成 HTML 標記的語言。)來編輯,Logdown 結合 Blog 與 Markdown 成了平臺的名稱。
Markdown 是個很酷的東西,幾乎使用鍵盤就可以完成一篇文章,不需要頻繁的使用滑鼠。可是…可是…這麼多年的累積心裡希望的還是不要更動太大(大搬家),如果能一次滿足兩個願望就好了!
找了一些編輯器,看到網路有推薦一套 Markdown 的編輯器 StackEdit,是一款和 Google Chrome 整合的 Web Application,可以在 Chrome 的 web store 上找到這個 StackEdit 應用程式。選擇使用 StackEdit 的原因有幾個:
  • 跨平臺使用,有瀏覽器就能編輯
    使用 Chrome 瀏覽器作爲應用程式載體,所以只要是能夠使用 Chrome 瀏覽器的桌面環境都可以使用,除了 Windows、MacOS、Linux(Fedora,Linux Mint,uBuntu…),ChromeOS 也可以使用。
  • Open Source 軟體
    Open Source 表示自己也有機會將服務架在自己的 Server 上 ,或是修改他的內容。StackEdit 源碼開放在 GitHub 上。
  • 可以儲存在雲端
    除了使用匯出的方式將文件保留至本機外,更可以連接自己的雲端帳號,目前支援常見的 Dropbox 和 Google Drive,這點實在是太令人喜歡了,可以實現在不同臺電腦上編輯寫作同一個檔案。
  • 整合 Google plus 相簿選取圖片
    在 Blogger 編輯器中的圖片上傳,也是放在 Google plus 的 相簿中。在 StackEdit 中可以直接選用 Google plus 相簿的圖片,不用另外尋找圖床或複製貼上,使用相當的方便!
  • 可以發佈至多種平臺上
    StackEdit 發佈的功能可以發到多種平臺上,常用的部落格都有了(參考下圖)。對於有多個部落格的格主是個方便的文件管理方法。
    enter image description here
對於 StackEdit 的使用功能上還有許多不瞭解的地方,Markdown 也是,需要時間慢慢的摸索與分享!

留言

這個網誌中的熱門文章

USB裝置無法安全移除解決之道

USB裝置在日常生活的應用上已經越來越普遍,相機、隨身碟、MP3、外接式硬碟等等。當我們在使用了這些設備後,專家都會建議我們一定「 安全的移除硬體裝置 」,尤其在使用了外接式儲存設備以後,正確安全的移除才不會造成設備或資料的毀損,尤其是資料的毀損可就嚴重了。 有時候存取傳送完這些設備後,在移除硬體裝置時會出現「 '一般磁碟區'裝置無法立即停止.請稍候再試 」,這表示還有應用程式還在存取這個裝置,造成無法順利的移除,通常我們只要把存取該裝置的應用程式關閉或移除,有部分軟體需要先把瀏覽到別的資料夾(非外接裝置的資料夾)例如:使用AcdSee、Total Commander之類的軟體。 很多人即使關掉所有的應用程式,無法安全移除的問題還是存在。這是因為系統寫入快取的問題,當寫入資料到外接設備時有些檔案並沒有真正的寫入,而是暫時放到快取,當快取快滿或是要關機時才真正的寫入到外接設備,有時候系統會莫名的忘了寫入...XD,在移除裝置時就會出現上述無法立即停止的錯誤訊息,在網路上爬了一些文,通常這類事件只要 登出再登入 目前的系統使用者帳號就可以獲得解決了。 當然,如果要一直登出登入登出登入,應該會氣到想砸電腦(像辦研討會時,每個講者都是拿USB來插來插去 >. unlocker (236 kb),這款Freeware的軟體,讓你將不需要再當登入登出狂人。 Unlocker 軟體性質: Freeware 最近版本: 1.8.6 作業系統: Windows 2000 / XP / 2003 / Vista 語言界面: 繁體中文 原創公司: Cedrick 'Nitch' Collomb >> Download 滑鼠右鍵 ,在右鍵選單中會多了一個Unlocker的選項,點選Unlocker,這時就會看到是什麼程式或程序還在使用此設備,點選該程式選「 解鎖 」,完成後應該就可以順利在系統列上安全的移除硬體裝置了。

Word的合併列印如何出現「千分位」符號

今天樓下的同事突然問我一個問題,合併列印的時候如何顯示「千分位符號」(逗號),就是12 , 300。在Excel我們可以很容易的為儲存格裡的數字加上千分位的標記,但是儲存格實際儲存的還是只有數字,那個千分位符號是Excel給我們看的一種「格式」。 當我們在Word裡使用Excel做好的報表來合併列印的時候,Word會最真實的將這個數字欄位給讀出來,呈現在合併列印的欄位數值裡,無論在Excel理事不是有設定千分位符號,在Word合併列印後卻沒有出現,所以我們同樣的必須給他加上格式。 Word裡加上格式並不如Excel裡按一下就完成,加上逗號的千分位格式方法如後: 1.在Word裡插入合併列印的欄位變數。 2.在變數上按滑鼠右鍵,選擇「切換功能變數代碼」(也可以直接按Alt+F9),變數會由 經費 >> 變成 { MERGEFIELD "經費" } 。 3.加上格式就是把 { MERGEFIELD "經費" } 在}前加入數字格式參數 /##,###,會成為 { MERGEFIELD "經費" /# ##,### }(這裡指定五位數,以此類推) #:這個格式項目會指定要在結果中顯示的必要位數;如果結果不含該位數的數字,則 Word 會顯示一個空格。 0:這個格式項目會指定要在結果中顯示的必要位數;如果結果不含該位數的數字,則 Word 會顯示 0 (零)。 4.預覽內容,就可以發現千分位(逗號)出現,如果數值有零的話,最好可以換成 /# ##,## 0 ,避免空格出現。 數字格式參數請參考 Microsoft Office Online 。

使用 Stackedit 發佈至 Blogger

使用 StackEdit 發佈至 Blogger 目前部落格裡新的文章幾乎都是在 StackEdit 上使用 Markdown 來完成撰寫,是一個舒適的撰寫體驗,也更能讓自己專注在文章的撰寫,不用去調整版面上的細節。StackEdit 除了可以將文本直接存在 Google Drive 上,圖形直接嵌入引用 Google+ 相簿,讓整個寫作的流程都是在雲端上完成,另外一個我喜歡的優點,是能夠直接將寫好的文章發佈到自己的部落格上。 發佈至 Blogger 部落格 將文章發佈至 Blogger 上的方法非常簡單,在 StackEdit 的左上角開啓左邊的功能列,拉開 Publish 項目並點選 Blogger,如下圖: 第一次使用時會導引至 Google 的授權頁,回到彈出的對話視窗,填寫好 Blogger 的 URL 內容。新發佈不用填寫 POST ID,這個是未來若需要更新內容的時候使用的。 按下「OK」後就完成發佈的動作,發佈完成後,在 StackEdit 該篇文章的右上角會出現 Blogger 的 Icon。 部落格的樣本改造 文章發佈至 Blogger 後有的模板會有小小的問題,如果我們使用 Markdown 時沒有寫入圖片的最大寬度,插入的圖片若比較大就會造成圖形突破樣板的驚嚇感。 這個可以透過自己改造Blogger 模板內容的 CSS,將圖片最大限制在某個數值。簡單一點的方式,是選擇現在 Blogger 中就已經有限制圖片大小的佈景主題。 程式碼高亮標識 StackEdit 的程式區塊是有支援程式碼高亮標識(Highlight)的功能,預設是使用 Highlight.js 的函式庫,也可以使用 Google prettify。Highlight.js 目前已經支援 118 種的程式語法自動偵測。還有 54 種的 Style 可以選擇。但是發佈至 Blogger 後因模板沒有相關的引入,所以程式碼區塊就和一般的文字一樣,沒有區塊和程式碼標識的區別。 我們可以透過修改 Blogger 的樣板的樣式,引入 Highlight.js 的函式庫與樣式。進入 Blogger 的後臺管理頁面,在左方的選單中選擇 範本 ,然後右方選 編輯 HTML ,開啓樣板的 HTML 編輯畫面。 我們可以在 Highlight.js ...