廣告贊助

 

SyntaxHighlighter is here to help a developer/coder to post code snippets online with ease and have it look pretty. It's 100% Java Script based and it doesn't care what you have on your server.

讓開發者與程式設計師能夠輕鬆將美觀的程式碼放在網路上,JS base,而且你不需要把程式碼放到server上。

工具: SyntaxHighlighter

 

支援語言列表:Languages

 

把這一串程式碼放在head中,如果是blogger就Ctrl+F找</head>

pixnet的話就放在內容欄的公告區塊。

語法意思就是從外部引入個css讓他漂亮些。


<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.0.320/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.0.320/styles/shThemeDefault.css" id="shTheme"/>

 

下面這些就是引入需要的程式語言了。 命名模式是 shBrush[language].js,不需要或者根本不認識的就可以跳過。 需要注意的是,如果不是blogger,需要自己把 >< 轉為 。 個人是把這一串放在自訂欄位(pixnet的自由欄位、blogger則是選javascript/html),好像也有放入版型內的作法,可是blogger我有時候手殘會忘記直接換掉版型…

 

<link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css"></link>
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css"></link>
<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>
atchev.com/pub/sh/current/scripts/shBrushSql.js" type="text/javascript">
</script>
orbatchev.com/pub/sh/current/scripts/shBrushXml.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>

 

實際使用:

<pre class="brush:[語言名稱]">
</pre>
創作者介紹

イカロスノ夢

修龍|森.もり 發表在 痞客邦 PIXNET 留言(0) 人氣()