跳到主要內容

使用 Stackedit 發佈至 Blogger

使用 StackEdit 發佈至 Blogger

目前部落格裡新的文章幾乎都是在 StackEdit 上使用 Markdown 來完成撰寫，是一個舒適的撰寫體驗，也更能讓自己專注在文章的撰寫，不用去調整版面上的細節。StackEdit 除了可以將文本直接存在 Google Drive 上，圖形直接嵌入引用 Google+ 相簿，讓整個寫作的流程都是在雲端上完成，另外一個我喜歡的優點，是能夠直接將寫好的文章發佈到自己的部落格上。

發佈至 Blogger 部落格

將文章發佈至 Blogger 上的方法非常簡單，在 StackEdit 的左上角開啓左邊的功能列，拉開 Publish 項目並點選 Blogger，如下圖：
enter image description here
第一次使用時會導引至 Google 的授權頁，回到彈出的對話視窗，填寫好 Blogger 的 URL 內容。新發佈不用填寫 POST ID，這個是未來若需要更新內容的時候使用的。
enter image description here
按下「OK」後就完成發佈的動作，發佈完成後，在 StackEdit 該篇文章的右上角會出現 Blogger 的 Icon。
enter image description here

部落格的樣本改造

文章發佈至 Blogger 後有的模板會有小小的問題，如果我們使用 Markdown 時沒有寫入圖片的最大寬度，插入的圖片若比較大就會造成圖形突破樣板的驚嚇感。
enter image description here
這個可以透過自己改造Blogger 模板內容的 CSS，將圖片最大限制在某個數值。簡單一點的方式，是選擇現在 Blogger 中就已經有限制圖片大小的佈景主題。

程式碼高亮標識

StackEdit 的程式區塊是有支援程式碼高亮標識（Highlight）的功能，預設是使用 Highlight.js 的函式庫，也可以使用 Google prettify。Highlight.js 目前已經支援 118 種的程式語法自動偵測。還有 54 種的 Style 可以選擇。但是發佈至 Blogger 後因模板沒有相關的引入，所以程式碼區塊就和一般的文字一樣，沒有區塊和程式碼標識的區別。
enter image description here
我們可以透過修改 Blogger 的樣板的樣式，引入 Highlight.js 的函式庫與樣式。進入 Blogger 的後臺管理頁面，在左方的選單中選擇 範本 ，然後右方選 編輯 HTML，開啓樣板的 HTML 編輯畫面。
enter image description here
我們可以在 Highlight.js 官方下載相關的檔案至自己的伺服器，或是使用官方提供的 CDN，下面例子是使用 cdnjs 的連結引入。將程式碼連結放在 <head>...</head> 之間。
<head>
    ...
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.5/styles/default.min.css">
    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.5/highlight.min.js"></script>
    <script>hljs.initHighlightingOnLoadundefined);</script>
    ...
</head>
如果覺得預設的 Style 顏色配置不是很滿意，我們也可以套用其他的 Style，GitHub 上有許多 Style 可以選擇，請參考 Style 資料夾。
記得要將名稱加上 min ex: OOO.min.css
套用後在程式碼的區段就會有語法的高亮標識了。
加上 Highlight.js 後的程式碼區段高亮標識
標籤：

留言

chan寫道…
你好，我也是用 stackedit，目前遇到一個困擾，他修改更新的話會把發佈日期也改掉，變成舊文跑來最上面，這有辦法關掉嗎
2019年7月10日 下午1:38
Joeyliu寫道…
@chan 修改 stackedit 上的 Fileproperties - Metadata - date 就行。

不过我有个问题，就是文章的搜索描述该如何在 Stackedit 中添加。每次更新的时候，在 Blogger 编辑器中的设定的搜索描述就会被覆盖掉，如果有谁知道解决，希望能联系我下。
2019年7月22日 晚上10:30
張貼留言

這個網誌中的熱門文章

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 。
張貼留言
閱讀完整內容

在DOS下檔案名稱加上日期

由於要完成檔案自動備份的需求，以減少每日使用人工的麻煩，也可以避免人為疏失造成的遺漏，需要定時拷貝某個檔案至遠端，在檔名加上日期以避免檔案覆蓋的情形。由於近來接觸Linux較多，自然比較熟悉Linux的Shell語法，回到Windows裡卻想不到解決的方法。 開始使用電腦時，已經活生生的跳過了DOS的年代，雖然會使用Copy語法，卻不知怎麼加上系統日期，參拜估狗大師後得到了解答，使用%DATE%環境變數。 在DOS中使用date會顯示目前日期，但會要求輸入新的日期時間不符合需求，雖然加上"/T"不會詢問新時間，但因為date是指令無法使用在copy的語法中，所以我們使用%DATE%環境變數，所以在我們要加上日期的檔案上加上此環境變數：copy test.txt test_%DATE%.txt 結果並不如我們想像，使用echo看%DATE%的傳回值，會出現"2007/12/4"，使用於copy語法裡系統回應「命令語法不正確」，我們必須去除「/」的符號，這就需要用到環境變數的擴充功能了！ 用echo來測試： # echo %DATE:~0,4% ： 取環境變數%DATE%的值，由第一碼開始取四碼（可以取出"西元年"的值）。 # echo %DATE:~5,2% ：取環境變數%DATE%的值，由第六碼開始取二碼（可以取出"月"的值）。 # echo %DATE:~8,2% ：取環境變數%DATE%的值，由第九碼開始取二碼（可以取出"日"的值）。 原先的 #copy test.txt test_%DATE%.txt 要更改成 #copy test.txt test %DATE:~0,4% %DATE:~5,2% %DATE:~8,2% .txt 拷貝後的檔案為test_20071204.txt
張貼留言
閱讀完整內容

DOS下連線/中斷網路磁碟機

最近實在是不得不和DOS多一點親近，在Linux中我們可以mount遠端電腦NFS分享出來的資料夾來做存取，輕易的備份我們需要的資料後再unmount，很Easy~:) 原本想在Windows下更應該輕而易舉的完成「連線網路磁碟機」用來將資料備份至遠端的電腦（或是遠端儲存設備）。沒錯，的確可以簡單的連線網路磁碟機，但當我們設定排程自動執行批次檔（*.bat）來進行遠端備份的工作時，windows就發揮他暈倒的功力......很抱歉，登出以後，剛剛建立的「連線網路磁碟機」就自動"中斷"了，批次檔裡寫的檔案路徑形同無效路徑。 只好繼續參拜估狗大神，以期保佑永不當機...不對，是在DOS下連線到網路磁碟機啦！ DOS下我們要使用連線網路磁碟機，必須使用 net use 指令。 連線網路磁碟機： # net use x: \\ComputerName\ShareName "Password" / user: DottedDomain\UserName x ：要對應至本機磁碟的代號 \\ComputerName\ShareName ：遠端電腦及分享資料夾名稱 /user:DottedDomain\UserName ：連線使用者名稱 例如： # net use z: \\192.168.0.10\sharefolder 連線至192.168.0.10的sharefolder對應至本機的z磁碟 # net use z: \\192.168.0.10\sharefolder "test" /user:192.168.0.10\Jeffy 連線至192.168.0.10的sharefolder對應至本機的z磁碟，連線時使用"Jeffy"連線密碼為"test" 連線網路磁碟機後，及可以直接切換磁碟機代號進入遠端連線的資料夾，進行copy或其他指令動作，完成任務後再中斷網路磁碟。 中斷網路磁碟機： # net use x: /delete x ：連線的網路磁碟機代號 更詳盡的net use使用方式和參數請見 Microsoft Net use 。
張貼留言
閱讀完整內容