作者chenkaie (阿凯)
看板Blog
标题Re: [问题] 如何在Blog上 贴上程式码
时间Thu Nov 16 16:10:51 2006
※ 引述《NintendoGC (Canon的好只有用过才知道)》之铭言：
: ※ 引述《jengting (~枫花雪岳~)》之铭言：
: : 请问板上前辈~~
: : 我发现有些格主 在贴程式码时 都会有类似论坛的一个方框
: : 把程式码包在里面 我要如何产生这样的功能
: : 直接贴的话 既没有办法排版 发布时又会出现错误讯息 ^^??
: 参考一下...
: CSS 的部份:
: pre { overflow:auto;
: margin:0 0 18px 0;
: padding:4px;
: }
: pre, code { background-color:#F8FAF2;}
: font-family:Courier, Monaco, monospace;
: }
: code {padding:0 2px;}
: 文章 html 的部份...
: <pre>
: <code>
: if (a)
: {
: ....
: }
: </code>
: </pre>
: 这样会出现方框, 若程式内容太长, 则会出现卷轴...
: 效果如下:
: http://www.goston.net/2006/11/04/638/
: 当然, 程式里面的内容若有 HTML 的特殊符号, 要先转掉...
: 例如 < 要转成 <
: 如果 Blog 能装 Plugin 可以找 Plugin 来用, 这样还能有语法高亮度显示,
: 例如 WP 的使用者能够装 CoolCode 这个 Plugin...
我发现了一个还不错的站，提供免费的javascript code，可以贴出很美观的code
官网：「dp.SyntaxHighlighter Home Page」
http://www.dreamprojections.com/syntaxhighlighter/Default.aspx
范例如底下：
C++ :
http://www.dreamprojections.com/syntaxhighlighter/Tests/Cpp.html
HTML :
http://www.dreamprojections.com/syntaxhighlighter/Tests/XML.html
下载网址：
http://www.dreamprojections.com/syntaxhighlighter/Tests/Index.html
使用方法：
http://www.dreamprojections.com/syntaxhighlighter/Usage.aspx
有兴趣的人，可以装来玩玩...
--
http://chenkaie.blogspot.com/
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 61.228.186.171
※ 编辑: chenkaie 来自: 61.228.186.171 (11/16 16:11)