Sep 17

[原]dp.SyntaxHighlighter 插件for Bo-Blog 晴

linuxing , 10:23 , 其他 » 杂七杂八 , 评论(0) , 引用(0) , 阅读(25209) , Via 本站原创 | |
    dp.SyntaxHighlighter 是一个很好的语法分析加亮软件,适合用于描述程序代码的页面中。下面的插件可用于Bo-Blog 2.x,由Mesak开发。这里基本没做改动,只是加入了对Bash 代码的支持而已。

一、版本问题
插件的名称叫:dp.SyntaxHighlighter For UBB 1.2
作者是:Mesak
网站是:http://mesak.wablog.info
由Henry(henry.sha@gmail.com) 做了简单汉化,我另外加入了对Bash 代码的支持。
dp.SyntaxHighlighter_1.2.tgz:

插件中的dp.SyntaxHighlighter 版本是1.5.1的,现在最新是3.0.83,改动比较大。因时间关系,暂时先用上,待有空再升级吧。
dp.SyntaxHighlighter 的网站是:http://alexgorbatchev.com/SyntaxHighlighter/
Google Code 上的网站似乎已经没继续下去,新版本都在上面的地址中发布。

二、安装
1、拷贝文件
把插件上传到服务器上,分别拷贝到以下路径中:
引用
images 目录 => Bo-Blog 程序的根目录下(自动覆盖images目录中)
plugin/dphighlighter 目录 => Bo-Blog 程序的plugin 目录下

或者使用类似下面的命令解压即可:

tar xzvf dp.SyntaxHighlighter_1.2.tgz -C /var/www/html/boblog/


2、安装插件程序
进入Bo-Blog 的后台界面——外观扩展——插件管理,在安装插件部分,输入插件的目录名称,即dphighlighter,然后确认即可:
点击在新窗口中浏览此图片

3、插入CSS 样式
在Bo-Blog 后台界面——常规管理——参数设置,日志细节设置部分中<head>区域额外栏,输入以下内容:


至此,dp.SyntaxHighlighter 插件for Bo-Blog 已经安装完毕。

三、使用
1、支持的代码类别
该插件目前提供以下代码,可自动识别和加亮:
引用
c
c#
css
js
delphi
java
php
python
ruby
vb
sql
xml
bash

这些类别(javascript脚本)在插件的config.php文件中可配置是否激活使用。

2、使用
把需加亮的代码,放入下面的UBB框中:

[codes=xxx]源码[/codes]

其中xxx为上面可支持的代码类别。另外,还可以使用下面的几个参数:

c#:firstline[42]
c#:collapse
c#:nogutter

※ 请与Bo-Blog UBB 编辑器提供的code 识别块区分开。

3、例子
以一段简单的Java 代码为例,编写时为:

[codes=java]import java.util.*;
public class HelloDate {
        public static void main(String[] args) {
                System.out.println("Hello,it's:");
                System.out.println(new Date());
        }
}[/codes]

可显示为:

下面是Bash 的代码:

[codes=bash:collapse]#!/bin/bash
i=1;
while [ $i -lt 10 ];
do
  echo "This is $i time"
  let i=$i+1
done[/codes]

可显示为:

四、参考资料
2.0.2的插件机制讲解
简易的base64编码和解码
dp.SyntaxHighlighter 1.5.2 源码:

from http://code.google.com/p/syntaxhighlighter/
发表评论
表情
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
打开HTML
打开UBB
打开表情
隐藏
记住我
昵称   密码   游客无需密码
网址   电邮   [注册]