A-A+

wordpress代码高亮显示插件

2013年08月28日 PHP开源系统 评论 16 条 阅读 350 views 次

作为程序员,在 wordpress 当中安装一款代码的高亮插件是很有必要的,因为写文章的时候,经常会涉及到代码部分,首先声明一下,wordpress 系统中默认没有高亮显示的,只能借助代码高亮插件了。

对于代码的高亮显示好处就不用多说了吧,你总不会让自己的代码跟文字混在一起吧,而且读起来很麻烦的说,如果有了高亮显示,读代码就好像在编辑器里面,一目了然,先看一下wordpress代码高亮显示的效果吧:

<?php
/**
 * Comment
 */
function hello() {
  echo "Hello World!";
  return null;
 }
 exit();
?>

怎么样?这样看起来代码是不是显得规范了许多,刚开始使用 wordpress 的时候,试了许多款代码高亮显示的插件,都不是很满意,在这些代码高亮显示的插件里,找了一款还算不错的插件:codecolorer,在网上下载了这款软件,虽然这款软件已经好久没有升级了,不过在最新版本里面依然可以使用,既然没找到最合适的,就暂时先用这款吧。

下载地址:http://wordpress.org/plugins/codecolorer/

使用方法:

1,下载安装,并在wordpress系统后台启用。

2,写文章时,要插入代码的话,先切换到“代码”模式,然后在合适的位置插入代码:

3,选中代码,并点击上图红框所示的 cc 按钮,你的代码就会呈高亮显示了,如下所示:

<?php
echo phpinfo();
//这里是你的代码
?>

当然,当点击 cc 按钮的时候,这里默认的是 php,你也可以直接手动添加其它代码,如 html、css、javascript、c、cpp、java、ruby、python、sql 等;

标签:

16 条留言  访客:16 条  博主:0 条

  1. 不拿呐

    虽然有用,但是插件还是越少越好,影响速度

  2. peascloud

    代码不是响应式,在手机上很难看。

    • smiling

      不是很理解,代码要怎么样显示才算是响应式呢。

      • peascloud

        代码部分在手机上超出了屏幕。

        • smiling

          哦,这个还真没注意到,我现在就看看,谢谢了。

  3. 花盗网赚博客

    我的博客还真用不着,现在在慢慢减少插件了

  4. 美国服务器

    一般情况下不需要

  5. 社新社

    你的友荐都是CMSBS的文章,有啥好处?交流流量?

    • smiling

      这是友荐的广告推荐。

  6. 寇铈鑫

    博主 貌似你精通代码?

    • smiling

      主要研究php代码,不能说精通吧。

      • 寇铈鑫

        不过wordpress对我来说还是很有用的 谢谢博主分享

  7. 激光设备

    博主的内容好全啊,以后找资料的话,就来你这里了

  8. 豆腐弄

    好吧,这个对我来说用处不大。

  9. 91二手电脑

    wp开源,各种插件都好开发。所以做优化也方便

  10. 21氪

    wordpress插件多,很方便

给我留言