2010年6月17日星期四

Blogger – SyntaxHighlighter 2.0 之Hosting版本

SyntaxHighlighter 之Hosting版本,主要提供給無上傳空間的部落格使用者。
一、SyntaxHighlighter 2.0 安裝:
1.SyntaxHighlighter 官方網站:
http://alexgorbatchev.com/wiki/SyntaxHighlighter
2.SyntaxHighlighter 之Hosting版本 使用說明:
http://alexgorbatchev.com/wiki/SyntaxHighlighter:Hosting
3.Blogger 上安裝SyntaxHighlighter 教學資料:
http://blog.cartercole.com/2009/10/awesome-syntax-highlighting-made-easy.html
4.Blogger 加入於 </head>之前,語法如下:
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/> 
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'></script> 
<script language='javascript'> 
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>


二、Blogger 線上撰寫文章,高亮度語法引用,建議使用CDATA方式:
<script type="syntaxhighlighter" class="brush: html"><![CDATA[
<html>
<head>
<title>Carter Tomorrow Fund Donations</title>
<meta name="title" content="Help Give to the Carter Tomorrow Fund" /> 
<meta name="description" content="Show your support and help out with a small gift" 
]]></script>
三、Windows Live Writer 高亮度外掛下載:
1.官方網站:
http://blog.prabir.me/post/Syntax-Highlighter-20-and-Blog-EngineNet.aspx
2.檔案下載:
http://blog.prabir.me/file.axd?file=2009%2f7%2fPrabir.wlw.SyntaxHiglighter.msi
demo

高亮度語法與檔案對照表:
2010-06-30_181317

1 意見:

  1. Quick Escape特殊字元與HTML轉換,在套用到預設語法中:
    http://bit.ly/a4IxSk

    回覆刪除

注意:只有此網誌的成員可以留言。

部落摘要

Related Posts with Thumbnails