给自己的BLOG加上了代码的语法高亮这插件，对比了好几个类似的插件，觉得这个还是不错的，并且还加上了CSS显示更好看些了，现在转载记录下，以备切换之用。另外注意的事不要设置line为1 即为显示行号，因为我的首页的摘要会出现问题。
下载地址：http://wordpress.org/extend/plugins/wp-syntax/
安装
- Upload wp-syntax.zip to your Wordpress plugins directory, usually
wp-content/plugins/ and unzip the file. It will create a wp-content/plugins/wp-syntax/ directory.
- Activate the plugin through the ‘Plugins’ menu in WordPress.
- Create a post/page that contains a code snippet following the proper usage syntax.
写文章时，用 <pre> 和 </pre> 将代码包住即可。同时在<pre> 中指定参数 lang=”代码类型” ling=”起始行数”。
最后在使用的过程中注意 lang=”” 一定要使用双引号，而不能用单引号。
Usage(使用方法)
Wrap code blocks with <pre lang=”LANGUAGE” line=”1″> and </pre> where LANGUAGE is a GeSHi supported language syntax. See below for a full list of supported languages. The line attribute is optional.
Example 1: PHP, no line numbers
function foo()
{ echo "Hello World!n"; }
for ($i = 0; $i < 10 $i++) { foo(); }
?>
Example 2: Java, with line numbers
1
2
3
|
public class Hello {
public static void main(String[] args)
{ System.out.println("Hello World!"); } }
|
Example 3: Ruby, with line numbers starting at 18
18
19
20
21
22
|
class Example
def example(arg1)
return "Hello: " + arg1.to_s
end
end
|
Supported Languages(支持的语言)
The following languages are supported in the lang attribute:
abap, actionscript, ada, apache, applescript, asm, asp, autoit, bash, blitzbasic, bnf, c, c_mac, caddcl, cadlisp, cfdg, cfm, cpp-qt, cpp, csharp, css, d, delphi, diff, div, dos, dot, eiffel, fortran, freebasic, genero, gml, groovy, haskell, html4strict, idl, ini, inno, io, java, java5, javascript, latex, lisp, lua, m68k, matlab, mirc, mpasm, mysql, nsis, objc, ocaml-brief, ocaml, oobas, oracle8, pascal, per, perl, php-brief, php, plsql, python, qbasic, rails, reg, robots, ruby, sas, scheme, sdlbasic, smalltalk, smarty, sql, tcl, text, thinbasic, tsql, vb, vbnet, vhdl, visualfoxpro, winbatch, xml, xpp, z80
(Bold languages just highlight the more popular ones.)
Styling Guidelines
WP-Syntax uses default GeSHi colors by default. It also uses inline styling to make sure that code highlights still work in RSS feeds. To spruce up your code snippets to look more like the screenshots, try adding this CSS to your stylesheet template:
WP-Syntax 能够保留代码中的缩进（空格），让代码更加美观。不过，WP-Syntax高亮的代码默认不会进行拆行，如果代码过长的话，将会导致页面被撑大，影响美观。将如下 CSS 样式写入到所选择的主题样式中，能够解决这个问题：
.wp_syntax {
color: #100;
background-color: #f9f9f9;
border: 1px solid silver;
margin: 0 0 1.5em 0;
overflow: auto;
}
/* IE FIX */
.wp_syntax {
overflow-x: auto;
overflow-y: hidden;
padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
}
.wp_syntax table {
table-layout:fixed;
overflow:hidden;
text-overflow:ellipsis;
WORD-BREAK: break-all;
WORD-WRAP: break-word;
border-collapse: collapse;
}
.wp_syntax div, .wp_syntax td {
vertical-align: top;
padding: 2px 4px;
}
.wp_syntax .line_numbers {
text-align: right;
background-color: #def;
width:30px;
color: gray;
overflow: visible;
font-family: 'Lucida Grande',
'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
}
/* potential overrides for other styles */
.wp_syntax pre {
margin: 0;
width: fixed;
float: none;
clear: none;
WORD-BREAK: break-all;
WORD-WRAP: break-word;
overflow: visible;
font-size:8pt;
font-family: Courier New;
}
Advanced Customization
WP-Syntax supports a wp_syntax_init_geshi action hook to customize GeSHi initialization settings. Blog owners can handle the hook in a hand-made plugin or somewhere else like this:
add_action('wp_syntax_init_geshi', 'my_custom_geshi_styles');
function my_custom_geshi_styles(&$geshi)
{
$geshi->set_brackets_style('color: #000;');
$geshi->set_keyword_group_style(1, 'color: #22f;');
}
?>
This allows for a great possibility of different customizations. Be sure to review the GeSHi Documentation.
