WordPress代码高亮插件哪个好用?SyntaxHighlighter Evolved试用

Wordpress代码高亮插件哪个好用呢?邪恶进制建站不是一个技术型的博客,所以就没有设置代码高亮插件,最近博客开始重新更新了,发现没有一款代码高亮插件,今天就开始找一款哪款好用,第一个试用的插件就是SyntaxHighlighter Evolved,由于博客还没有安装这款代码高亮插件,这篇文章的内容和图片都将使用《刘宏缔的架构森林》这篇文章的内容为参考。

一,安装插件:SyntaxHighlighter Evolved
点击插件->安装插件->输入:SyntaxHighlighter 进行搜索
结果显示后,找到并进行安装,
如图:安装第一个

《Wordpress代码高亮插件哪个好用?SyntaxHighlighter Evolved试用》

安装后的效果:

《Wordpress代码高亮插件哪个好用?SyntaxHighlighter Evolved试用》

二,安装插件后调整样式(行高):
先找到样式文件路径,当前如下:
/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/styles/shCore.css?ver=3.0.9b
编辑:
[root@blog wordpress]# cd wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/styles/
[root@blog styles]# vi shCore.css
改动的内容:

《Wordpress代码高亮插件哪个好用?SyntaxHighlighter Evolved试用》

查看效果:

《Wordpress代码高亮插件哪个好用?SyntaxHighlighter Evolved试用》

邪恶进制博客安装成功以后,现在来试用效果如下:


<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>PHP Code Example</title>
</head>
<body>
<h1>PHP Code Example</h1>

<p><?php echo ‘Hello World!’; ?></p>

<p>This line is highlighted.</p>

<div class=”foobar”>
This is an
example of smart
tabs.
</div>

<p><a href=”http://wordpress.org/”>WordPress</a></p>

</body>
</html>

点赞

发表回复

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