博客园添加SyntaxHighlighter

教程地址：http://www.cnblogs.com/timelyxyz/p/3599684.html?utm_source=tuicool&utm_medium=referral

SyntaxHighlighter下载地址：http://files.cnblogs.com/zhichaoma/SyntaxHighlighter.tar

使用说明：

   下面以高亮显示python代码为例讲解。

    引入JS和CSS文件之后还要在页面上写相关代码。

python效果示例：

#使用二分查找法快速从一个数组中查找一个指定元素，并返回该元素的索引值def binary_search(list, item):    #low和high用于跟踪要在其中查找的列表部分
 
    low = 0
    high = len(list)-1
 
    while low <= high: #只要范围没有缩小到只包含一个元素
        #如果(low + high)不是偶数，python自动向下取整，这里来检查中间元素
        mid = (low + high) / 2 #获取中间数
        guess = list[mid]
        if guess == item: #找到了元素
            return mid
        if guess > item: #猜的数字大了
            high = mid -1
        else:   #猜的数字小了
            low = mid + 1
    return None #没有指定元素
 
my_list1 = ['zhangsan', 'lisi', 'wangwu',]
my_list2 = list(range(10000))
 
print(binary_search(my_list1, 'lisi'))
print(binary_search(my_list2, 5002))
print(binary_search(my_list2, -110))

 HTML代码：

<div class="cnblogs_Highlighter sh-gutter">
<pre class=" python;">  
#使用二分查找法快速从一个数组中查找一个指定元素，并返回该元素的索引值
def binary_search(list, item):
    #low和high用于跟踪要在其中查找的列表部分
    low = 0
    high = len(list)-1

    while low &lt;= high: #只要范围没有缩小到只包含一个元素
        #如果(low + high)不是偶数，python自动向下取整，这里来检查中间元素
        mid = (low + high)
        guess = list[mid]
        if guess == item: #找到了元素
            return mid
        if guess &gt; item: #猜的数字大了
            high = mid -1
        else:   #猜的数字小了
            low = mid + 1
    return None #没有指定元素

my_list1 = ['zhangsan', 'lisi', 'wangwu',]
my_list2 = list(range(10000))

print(binary_search(my_list1, 'lisi'))
print(binary_search(my_list2, 5002))
print(binary_search(my_list2, -110)
</pre>
</div>

 折叠式：

<div class="cnblogs_Highlighter">
<pre class="python;collapse:true;;gutter:true;">

</pre>
</div>

注意：HTML代码显示在标签为<pre></pre>中，syntaxhighlighter默认会自动查找<pre />标签，其中标签可自定义，可以是<div>，<ul >，<ol >等等，只需要加上如下配置代码：

SyntaxHighlighter.config.tagName = 'div';

同时根椐class类名选择不同的格式刷，由于以javascript为实例，因此格式刷配置为javascript，如上：class=" javascript;"