Zero's Uncle: Blogger 使用 google-code-prettify

2016-01-27

Blogger 使用 google-code-prettify

2016-01-10
Blogger 程式碼 - 使用 google-code-prettify

到 google-code-prettify 頁面下載好檔案，解壓放到自己的網路空間上。

修改自己 Blogger 網頁的範本(skin : sunburst),範本 => 編輯HTML , 在 </head> 標籤之前加入

  <link href='http://zerouncle.twbbs.org:8000/css/zerouncle
/prettify.css' rel='stylesheet' type='text/css' />
  <script src='http://zerouncle.twbbs.org:8000/css/zerouncle
/prettify.js?autoload=true&amp;skin=sunburst&amp;lang=css'
type='text/javascript' />
</head>

<body expr:class='&amp;quot;loading&amp;quot; + data:blog.mobileClass'
onload="prettyPrint()" >

2016-01-10

  <link href='http://zerouncle.twbbs.org:8000/css/zerouncle
/prettify.css' type='text/css' rel='stylesheet' />
  <script type='text/javascript' src='http://zerouncle.twbbs.org:8000
/css/zerouncle/prettify.js' />
  <script defer="defer" src='https://google-code-prettify.googlecode.com
/svn/loader/run_prettify.js?autoload=true&amp;skin=sons-of-obsidian&amp;
lang=css' />
</head>

<body expr:class='&amp;quot;loading&amp;quot; + data:blog.mobileClass'
 onload="prettyPrint()" >

注意: href='....' 之間不要換行
使用方法及效果, 請參考 Blogger 測試(test)