wordpress高亮代码插件

我们再做个人博客的时候,除了写一写心得体会以外,有时候还会分享一些技术性的文章。比如说讲述一个js问题、php问题等等,有时候要放置一些代码片段以便把问题描述清楚,这时候我们就希望这些代码区别于正常的文字,而且还可以高亮度、不同颜色显示,这时候我们就需要一个插件wordpress代码高亮插件,插件名称SyntaxHighlighter Evolved 。

插件的相关配置:

wordpress高亮代码插件配置

插件的用法:

打开插件选项,在最下方简单介绍了一下大概用法,你可以慢慢试验一下。

wordpress高亮代码插件用法

实验以后大概是下面的样子:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" >
<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>