2015年10月16日 星期五

blogger 新增修改ccs

1.在blogger 內修改或新增ccs 的方法:

編輯網誌 -> 範本 -> 自訂 -> (進入 Blogger 範本設計工具) ->進階 ->右邊選單最後一項 新增ccs

然後輸入或修改ccs ,下方可以預視修改後的網誌,當改好,按套用至網誌 就完成。

此時修改完的資料,你返回到範本中,用編輯html 查詢heml 文件時,剛剛加入或修正的 ccs 會放在 <b:skin> .... </b:skin> 裡面,你不用再修正。

查詢 html 用 ctrl + F 搜詢

2015年10月15日 星期四

bloggle br 與 p 的修正

# 到 blogger 管理後台,隨便編輯一篇文章


# 在右方選單的 option 中,找到 line breaks 那欄位


# 選擇 Press "Enter" for line breaks`

stackedit 連結的語法:

stackedit 的連結語法:

I get 10 times more traffic from [Google] [1] than from
[Yahoo] [2] or [MSN] [3].

  [1]: http://google.com/        "Google"
  [2]: http://search.yahoo.com/  "Yahoo Search"
  [3]: http://search.msn.com/    "MSN Search"

I get 10 times more traffic from Google than from
Yahoo or MSN.

或者:

I get 10 times more traffic from [Google][] than from
[Yahoo][] or [MSN][].

  [google]: http://google.com/        "Google"
  [yahoo]:  http://search.yahoo.com/  "Yahoo Search"
  [msn]:    http://search.msn.com/    "MSN Search"

I get 10 times more traffic from Google than from
Yahoo or MSN.

stackedit 語法

應該說是用stackedit 線上編輯 markdown 網頁文件:
markdown 的語法說明:

 http://markdown.tw/

 http://conv.denshochan.com/tw/markdown

 http://blog.chunnorris.cc/2015/05/stackedit-dropbox-blogger.html#1

1.區塊引言:產生 blockquote , 在文章前加 “>” 。另外 google blogger 也要新增 blockquote 的 ccs
例如:

這是blockquote 範例

第二層區塊引言

回到第一層

2.標題:有二種方式, 底線或#字號

This is an H1

This is an H2

This is an H3

3.段落和換行

a.段落:一個以上的空行則會切分出不同的段落
b.換行:在行尾加上兩個以上的空白,然後按enter

4.清單:(有號碼清單項目,標點清單項目)

  • 無序標點清單1
  • 無序標點清單2 ,*後要再加一個空白
  • 清單項目3

5.說明

  1. 有序清單:
  2. 有序清單2

6.程式碼區塊:

 要在Markdown中建立程式碼區塊很簡單,只要簡單地縮排4個空白或是1個tab就可以

程式碼:

code 

7.另外說明

用StackEdit寫Markdown,並輸出至網誌

以下是我用在StackEdit編輯的Markdown文件


用StackEdit寫Markdown,並輸出至網誌!

安安!我是StackEdit1的Markdown教學。別把我刪掉囉~我可是很有用的

Note: 如果刪掉了,可以至這裡重新下載

翻譯:Paul

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