路途志

今天刚发现，Windows Live Writer居然没有查找替换功能，真悲剧。由此也可以看出，对于这样一个工具，微软甚至都没有一个专门的产品经理负责，悲观估计微软甚至没有为Windows Live Writer 配置一个专门的产品策划人员。

路途志 的博客有时会包含大量代码，如果能在文章中高亮显示代码文章的可读性肯定会好很多。为了实现代码高亮，之前找了很多插件，但是效果都不是很理想。经过研究终于找到一个完美的解决方案，这个解决方案具有如下优点：

1. 代码简洁，用<pre>标签实现代码高亮，不会生成太多Html标签。
2. 支持多种语言，包括c#,c++,php,python等10多种语言。
3. 扩充方便，可以通过简单二次开发实现对其它语言的支持。
4. 使用方便，把代码复制到代码高亮转换窗口即可。

下面一步步介绍如何配置WLW+wordpress的代码高亮解决方案：

1.准备工作：

下载 precode code snippet manager

下载成功后得到一个名为PreCodePlugin_4.0.2.msi的文件

下载 SyntaxHighlighter2.0

下载成功后得到一个名为syntaxhighlighter_2.0.296.zip文件。

2.安装：

关闭Windows Live Writer,安装PreCodePlugin_4.0.2.msi。安装成功后启动WLW，此时在插件列表里应该出现一项名为PreCode Snippet的插件。

将syntaxhighlighter_2.0.296.zip解压缩至wordpress的活动主题目录，例如：\www\wp\wp-content\themes\lutuzhi\syntaxhighlighter

3.在header.php 中，在<meta http-equiv="Content-Type" content="<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>" />下方添加：

<script type="text/javascript" src="scripts/shCore.js"></script>
<script type="text/javascript" src="scripts/shBrushBash.js"></script>
<script type="text/javascript" src="scripts/shBrushCpp.js"></script>
<script type="text/javascript" src="scripts/shBrushCSharp.js"></script>
<script type="text/javascript" src="scripts/shBrushCss.js"></script>
<script type="text/javascript" src="scripts/shBrushDelphi.js"></script>
<script type="text/javascript" src="scripts/shBrushDiff.js"></script>
<script type="text/javascript" src="scripts/shBrushGroovy.js"></script>
<script type="text/javascript" src="scripts/shBrushJava.js"></script>
<script type="text/javascript" src="scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="scripts/shBrushPlain.js"></script>
<script type="text/javascript" src="scripts/shBrushPython.js"></script>
<script type="text/javascript" src="scripts/shBrushRuby.js"></script>
<script type="text/javascript" src="scripts/shBrushScala.js"></script>
<script type="text/javascript" src="scripts/shBrushSql.js"></script>
<script type="text/javascript" src="scripts/shBrushVb.js"></script>
<script type="text/javascript" src="scripts/shBrushXml.js"></script>
<link href="styles/shCore.css" type="text/css" rel="stylesheet" />
<link href="styles/shThemeEmacs.css" type="text/css" rel="stylesheet" />
<script type="text/javascript">SyntaxHighlighter.config.clipboardSwf = 'scripts/clipboard.swf';SyntaxHighlighter.all();</script>

如此配置之后,通过Windows Live Writer插入的代码，在wordpress中可以十分优雅的显示出来。本文的代码高亮效果即时通过这种方式实现。

Windows Live Writer 是一个强大的离线博客编辑工具，通过它可以离线编辑内容丰富的博文。它不但支持微软的live space，还支持诸如Wordpress 这样的开源博客系统。

Windows Live Writer除了自身强大的编辑功能之外，还提供了接口，让其它开发人员通过插件提供工具自身没有提供的功能。比如说语法高亮功能Windows Live Writer自身没有提供，而很多技术类博客作者很需要这个功能，有一个名为SyntaxHighlight的插件就很好的解决了这个问题。

那么，如何安装插件呢？在Widnows Live Writer下安装插件的方法很简单，只需要将插件拷贝到C:\Program Files\Windows Live\Writer\Plugins下面即可。这里有两个细节要注意：

1.C:\Program Files 这是Windows Live Writer在我机器上的安装路径，在你的机器上可能是另一个路径。

2.拷贝插件时，不是把插件文件夹拷贝至C:\Program Files\Windows Live\Writer\Plugins，而是把文件夹里面的内容拷贝过去，这个细节一定还要注意。我在第一次安装插件时就犯了这个错误，在安装SyntaxHighlight插件时把整个文件夹都复制过去了，结果在 工具 | 插件 列表里一直没出现SyntaxHighlight字样。后来把该文件夹下文件和子文件夹拷贝过去才解决这个问题。如图：

Widnows Live Writer采用这样的插件管理方式不利于插件的管理，如果插件过多，plugins文件夹下内容会非常混乱。Wordpress的插件管理方式很值得借鉴，wordpress插件的管理采用的是子目录方式，每个插件放在一个以插件名命名的文件夹里，层次清晰，管理方便。