NancyWiki1.0.1更新 - 代码自动着色

NancyWiki是基于Google App Engine开发的，使用的语言是Python。Wiki标记语言采用的是Markdown，因为它简单，易用。 NancyWiki致力于打造用户真正想要的个人Wiki系统。多看书，多学习，多记笔记，就用NancyWiki！

看到有一些朋友下载并且使用NancyWiki，感到很欣慰！于是这个周末对NancyWiki进行了一些更新，希望使用NancyWiki的朋友之后能继续给我提意见，让NancyWiki越来越好用！

NancyWiki1.0.1版本更新如下：

1. 增加“索引”菜单链接。

2. 代码自动着色。（无需指定编程语言）

3. 修复代码中“_”被转义成“&# 95;” 的BUG。

代码自动着色

大部分代码着色工具，像syntaxhighlighter，使用时都需要指定代码所使用的语言。对于使用标准MarkDown来说，使用改变标准的方式去给一段代码着色是不太友好的，而且，用户使用起来也会比较麻烦。因为需要用户自己去写类似class="brush:python"之类的东西。于是，我想的是，在不改变MarkDown标准的情况下，不需要指定代码所使用的语言，就能对不同代码进行着色。

标准MarkDown贴代码的方式有两种：

1. 将代码放入``中，比如：

`printf("Hello World");`

2. ``的方式适用于单行，或是没有空白行的多行代码。如果需要贴多行代码，同时中间还有空白的行，可以使用四个空格或Tab。比如：

    int a = 1;

    a = a + 1;

上述两种标记方法，都会被自动转化为以下的格式：

<pre><code>xxxcode>pre> 或 <code>xxxcode>

知道转化原则后，我们再来突破一下着色难点，即，不需要指定代码语言的情况下，对代码进行着色。所幸，prettify 正是我所要的，它只需要在任何代码处，使用如下的格式就能进行着色：

<pre class="prettyprint">xxxpre>

或

<code class="prettyprint">xxxcode>

嗯，和MarkDown转化的代码只差一步，就是class="prettyprint"，我需要自动加上这个class。这时候，jquery就派上用场了。我需要给每个code节点自动加上class属性：

<script type="text/javascript">
        $('code').addClass('prettyprint');   
</script>

 

于是，效果就出来了。你还是像往常一样贴代码，而NancyWiki会自动根据你的代码语言，进行着色。下面是效果：

 

原始的着色前的代码（代码行每行前面4个空格）：

 C#代码示例：

    [TestMethod]
    public void Test_ExecuteCommands()
    {
        Plateau plateau = new Plateau(5, 5);
        var roverFactory = new NASARoverFactory();
        Rover rover1 = roverFactory.Create();
        rover1.Deploy(1, 2, "N", plateau);

        rover1.ExecuteCommands("LMLMLMLMM");
            
        Assert.AreEqual("1 3 N", rover1.ReportState());

        Rover rover2 = roverFactory.Create();
        rover2.Deploy(3, 3, "E", plateau);

        rover2.ExecuteCommands("MMRMMRMRRM");
            
        Assert.AreEqual("5 1 E", rover2.ReportState());
    }

 

着色后的代码：

还等什么，下载NancyWiki1.0.1试试吧：

下载 : http://nancywiki.googlecode.com/files/nancywiki1.0.1.zip 

主页：http://nancywiki.googlecode.com

演示：http://wiki.coderzh.com