黑乎乎的代码贴到文章里面,既不美观,看起来也不方便,所以平地一声雷,代码高亮插件就来了,而且是各种各样的代码高亮插件,中国的,外国的。
技术宅以及程序猿估计是最需要代码高亮插件的人群,他们会在文章里经常调教代码;不过,我这个伪技术男,由于经常折腾wordpress源码,搞一搞主题神马的,也给自己安装了个代码高亮插件,但后来不知道为什么,插件的核心css文件竟然被禁用了,高亮效果也就失去了。借着这次网站瘦身的东风,狠了狠心,你丫都不起作用了,我还留你干嘛?直接拖出来干掉!!
插件是干掉了,但代码高亮的功能还是需要,百度了一阵子,找到了无插件实现代码高亮的方法,使用在线代码编辑器,将需要高亮的代码贴进去,选择代码语言种类,自动生成高亮效果,然后将相应的代码在html模式下,贴到文章里面就ok了。
对了,我使用的在线代码高亮来自于大前端的前段工具箱,感兴趣的可以试试;还有一个代码发芽网也可以实现类似的功能。下面贴一段css代码高亮效果,给大家瞧瞧吧。
<header id="header">
<hgroup>
<h1><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>">
<?php bloginfo('name'); ?></a></h1>
<h2><?php bloginfo('description'); ?></h2>
</hgroup>
<!--上面两行,分别设置了网站的大标题以及网站的描述-->
<nav id="mainmenu">
<?php wp_nav_menu(); ?>
</nav>
<!--上面这句代码是设置导航菜单的-->
</header>
高亮效果还是很不错的吧?我现在已经把以前所有文章中的代码都用前段工具箱改写过了,如果有显示不正确的,欢迎给我提出来。
发表回复