Posts Tagged ‘javascript’
语法高亮神器highlight.js
星期一, 五月 16th, 2011
今天在cnbeta上看到一个语法高亮的神器highlight.js，能对主流语言进行智能检测，然后根据检测出的语言进行对应的语法高亮。瞬间就被秒杀了，于是决定废弃之前的语法高亮插件，使用这个神器。不过这个神器貌似没有给wordpress的插件，于是就写了个非常粗糙的，反正能自己用就行了~~~
唯一的问题就是在我的博客中，使用的主题中间宽度比较窄，代码会越界，于是进了一点小改动，加了个overflow-x:scroll~~~
直接看效果吧，这个是我写的插件哇哈哈~~
<?php
/**
* @package Highlight
* @version 1.0
*/
/*
Plugin Name: 语法高亮
Plugin URI: http://wordpress.org/extend/plugins/highlight/
Description: 对日志中的程序代码块进行高亮。使用了一个神器highlight.js（http://softwaremaniacs.org/soft/highlight/en/），自动检测语言进行高亮。
Author: Abraham
Version: 1.0
Author URI: http://www.yuhanghome.net
*/
add_action('wp_head','highlight_render');
function highlight_render(){
echo '<script src="http://yandex.st/highlightjs/5.16/highlight.min.js"></script>';
echo '<link rel="stylesheet" href="http://yandex.st/highlightjs/5.16/styles/sunburst.min.css">';
echo '<script> hljs.tabReplace = " ";hljs.initHighlightingOnLoad();</script>';
echo '<style> pre code{ overflow-x:scroll;} </style>';
}
?>
