2015年10月14日 星期三

使用StackEdit編輯網誌

參考:

http://blog.smlsun.com/2013/12/stackedit.html

stackedit:寫部落格的新利器

  1. 使用chrome 直接線上編輯網誌。 直接鍵入https://stackedit.io/editor 網址進入線上編輯畫面,
    1. 修改或上傳網誌,需要打上文章ID , blog編輯網誌時,在網址欄上找一edit ID,拷貝到輸出blog 的 Update existing post ID 內, 如果空白,就成新文章了。
    2. 功能表列的右上方,有同步google driver 及 update document publication 按鈕直接存檔及更新網誌。
    3. 目前使用項目編號功能。

編輯文章的時候,直接打一些代碼,就可以使用樣式。

在段落前打”>”時,這個段落就會成為下面樣式要設定blockquote的ccs 才會產生。如後面程式碼。

在段落前打”>”時,這個段落就會成為下面樣式

http://silly-itbear.blogspot.tw/2013/12/bloggerblockquote-css.html

進入 Blogger 後台 → 範本 → 自訂 → 進階 → 新增 CSS(詳細步驟可以參考這裡),

blockquote{
  background:#f9f9f9;
  border-left:10px solid #ccc;
  margin:1.5em 10px;
  padding:.5em 10px;
  quotes:"\201C""\201D""\2018""\2019";
}

如果想要刪除/隱藏首頁下方的「訂閱:文章(Atom)」,請輸入:
.blog-feeds {display :none;}

如果想要刪除/隱藏文章留言的「訂閱:張貼留言(Atom)」,請輸入:
.post-feeds {display :none;}

二:文章程式碼高亮度:

The steps are loosely defined at the highlight.js home here.

  1. 編輯網誌的範本,選編輯HTML
  2. <head>...</head>內加入下面的程式碼。
  3. 修改 ir_black.min.css 參考 highlightjs.org demo 樣式

程式碼

<link href='//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.8.0/styles/ir_black.min.css' rel='stylesheet'/>
    <script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.8.0/highlight.min.js'/>
    <script>hljs.initHighlightingOnLoad();</script>

上面插入的樣式可以更改,參照 higkight.js demo 網站上的名稱改,例如 ir_black 改成 sunburst 這樣式就改好了

Wrap your code in <pre><code> # YOUR CODE HERE </code></pre>

#你的程式碼

stackedit 的工具列上有一按鍵 <> 可以切換 code

參考:
http://blog.itiman.tw/2015/09/highlightjs.html