修改SyntaxHighlighter中代码的字体大小与格式

SyntaxHighlighter代码高亮插件

WordPress中,代码块使用了SyntaxHighlighter插件来显示各种编程语言的高亮。
SyntaxHighlighter插件本身提供了一些基本的配置选项,包括是否加入行号,代码高亮的风格,代码块标题等。
更多信息可以参考:http://alexgorbatchev.com/SyntaxHighlighter/
那么怎样修改代码的字体大小和行间距呢?

SyntaxHighlighter的代码字体调整

一般情况下,SyntaxHighlighter的代码字体是比较大的,如果你希望将字体修改成期望的大小可以修改插件的css源代码。

首先cd到你wordpress的根目录下,一般为/var/www/html/ 然后进入到插件目录的style目录下:

cd wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/styles

这里注意到,在syntaxhighlighter下可能会包括syntaxhighlighter2和syntaxhighlighter3两个字目录,你可以尝试同时修改各自的styles中的shCore.css文件。

找到font-size,可能有多个font-size,取值为1.1em的那行即是你需要修改的。可以将它改成1em,或者0.99em,这里如果将font-size的值改成0.8em的话,字体会变得几乎看不见。你可以修改成你觉得合适的任意值。

SyntaxHighlighter的代码行间距调整

同样是修改shCore.css文件,搜索line-height,将其修改成1em即可。

BY Code问答

发表评论

电子邮件地址不会被公开。 必填项已用*标注

1 + 7 =