插件推荐:代码高亮插件WP-CodeBox

WP-CodeBox代码高亮插件,它支持多种语言、代码下载、复制到剪贴板、代码框收放及后台默认属性设置多项功能,使用起来也比较方便。

WP-CodeBox插件安装:

  1. 下载WP-CodeBox插件,将压缩包解压后,把文件夹上传到wp-content/plugins/目录下。 或者在博客后台直接添加新插件,搜“WP-CodeBox”,在线安装即可。
  2. 登录WordPress管理后台,点击“Plugins”找到上传的插件,激活该插件。
  3. 插件激活后,在“Setting”–>“WP-CodeBox“中设置相关信息,如下图所示:

 wordpress-wp-codebox1

使用方法:

在插入代码前,将wordpress 编辑器切换为“HTML编辑”模式!

在图中基本上对插件的相关功能都进行了说明,在页面中,其实你也不用进行任何设置,保持默认即可,安装成功后,接下来就是使用插件了,使用之前先来介绍下WP-CodeBox插件的相关语法:

代码格式

 <pre lang="LANGUAGE" line="1" file="download.txt" colla="+"> 内容 </pre>

 

解释:

lang=”LANGUAGE“:代码的语言,如ASP、PHP、Java等

file=”download.txt”:创建一个可下载的保存名称

line=”N”:开始行数

colla=”+/-“: ”+“表示展开,”-“表示收缩

演示:

1.语言为php,有行数,默认展开代码

    <pre lang=”php”>
    <div id=”foo”>
    <?php
      function foo() {
        echo “Hello World!\\n”;
      }
      for (\$i = 0; \$i < 10 $i++) {
        foo();
      }
    ?>
    </div>
    </pre>

效果:

    
< ?php function foo() { echo "Hello World!\\n"; } for (\$i = 0; \$i < 10 $i++) { foo(); } ?>

2.语言为 Java,有行数,默认缩进

    <pre lang=”java” line=”1″ colla=”-“>
    public class Hello {
      public static void main(String[] args) {
        System.out.println(“Hello World!”);
      }
    }
    </pre>

效果:

    public class Hello {
      public static void main(String[] args) {
        System.out.println("Hello World!");
      }
    }
    

3.语言为Ruby,有行数,从18开始,有下载,默认展开

    <pre lang=”ruby” line=”18″ file=”ruby.txt”>
    class Example
      def example(arg1)
        return “Hello: ” + arg1.to_s
      end
    end
    </pre>

效果:

    class Example
      def example(arg1)
        return "Hello: " + arg1.to_s
      end
    end
    

4 评论

    1. 😈 插件越少越好,对博客的速度是有影响的,不过一些常用到的插件还是要用的,你不想用那么多插件,你可以去看看kan.willin.org大师级别的代码,好利好额。

发表评论

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