TAG

RSS订阅

收藏本站

设为首页

当前位置:主页 > 建站巴士 > 建站系统 >

wordpress码农必备插件:SyntaxHighlighter Evolved代码高亮插件

发布时间:2016-02-28 21:23 类别:建站系统

wordpress码农必备插件:SyntaxHighlighter Evolved代码高亮插件
 
很多技术性的wordpress博客都需要在文章中发表各式各样的代码语言,但是如果在编辑文章时直接将代码与内容一起发表出来,不但排版不美观而且代码没有标注可读性也很低,甚至有些访客根本看不懂代码的意思。所以为博客装一个代码高亮插件是非常有必要的。那么小V今天就给大家推荐一款这样的wordpress代码高亮插件:SyntaxHighlighter Evolved。SyntaxHighlighter Evolved基于开源的JS核心库:SyntaxHighlighter JavaScript package by Alex Gorbatchev二次开发扩展的。安装后只需简单设置一下,不用修改任何代码即可达到很好的效果。
 
演示:
 
1
2
3
4
5
<?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>
    <h4><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>" rel="bookmark"><?php the_title() ?></a></h4>
        <h6>时间:<?php the_time('Y-m-d') ?> | 阅读次数:370  | <?php the_category(','); ?>  |  <?php the_tags('Tags: ', ', ', '<br/>'); ?></h6>
<div class="entry"> <?php the_content(); ?> </div>
使用方法很简单。在发布文章时,在“HTML”编辑模式下(注意:不是CKEditor等富文本编辑模式;防止让这些富文本编辑器把代码转义了。),使用如下代码,把需要展示的代码包含起来即可:
 
[java]这里写你的代码[/java]
 
[css autolinks="false" classname="myclass" collapse="false" firstline="1" gutter="true" highlight="1-3,6,9" htmlscript="false" light="false" padlinenumbers="false" smarttabs="true" tabsize="4" toolbar="true" title="example-filename.php"]这里写你的代码[/css]
 
[code lang="js"]这里写你的代码[/code]
 
[sourcecode language="plain"]这里写你的代码[/sourcecode]
 
怎么样?SyntaxHighlighter Evolved代码高亮插件是不是非常强大?而且又易于使用呢?

下一篇:没有了 上一篇:WordPress代码高亮插件SyntaxHighlighter

猜你会喜欢....

Copyright © 2015 www.wahenzan.com 哇!很赞 版权所有 浙ICP备14030256号-1 Power by DedeCms

浙公网安备 33010602005986号

声明:本站所有文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系本站删除 网站管理员:758763728

360网站安全检测平台