你是否還在為只能用瀏覽器在博客后臺(tái)寫文章而苦惱？

你是否還在糾結(jié)于live writer沒有代碼高亮而苦惱？

現(xiàn)在一切都能解決：

其實(shí)博客園支持SyntaxHighlighter代碼著色，可以用相應(yīng)的Live Writer代碼著色插件進(jìn)行代碼著色。他們推薦的代碼高亮插件是

：推薦代碼著色插件：Source Code plugin for SyntaxHighlighter。

：Windows Live Writer下載地址：http://download.live.com/writer。

但是無法在本地編寫代碼的時(shí)候就能夠做到代碼高亮，而且在本地預(yù)覽的時(shí)候也沒有代碼高亮，只有發(fā)布在博客之后用瀏覽器打開的時(shí)候才能有代碼高亮。

由于筆者不太喜歡這種編寫代碼時(shí)候沒有高亮，并且博客園自帶的代碼樣式比較難看，我很不喜歡，之前本打算自己搭建一個(gè)wordpress，因?yàn)榧热滑F(xiàn)實(shí)存在的東西不行，那么我就創(chuàng)造一個(gè)，哈哈、但是由于最近資金有限，買不起域名和空間，所以，沒辦法，只能回過頭來搗鼓博客園了。好了。，先給搭建看看我最后的效果。

網(wǎng)頁版的最后效果為：

下面看看在本地windows live writer編寫代碼時(shí)候的效果吧。比如插入：

點(diǎn)擊OK。效果如下：

template<typename T> void stack<T>::push(T const& a){elems.push_back(a); }

我截圖如下，大家注意我畫 紅線的地方，這個(gè)是在編輯狀態(tài)下的哦：

然后我們?cè)诒镜攸c(diǎn)擊預(yù)覽：

看，是不是也有代碼高亮啊。呵呵，然后我們用瀏覽器打開：

效果完全一樣，如何，不錯(cuò)吧、。

如何制作呢？

首先去http://wlwsyntaxhighlighter.codeplex.com/下載SyntaxHighlighter,msi ，只有368K,

還需要安裝live writer：wlsetup-web.exe，下載地址：http://download.live.com/writer

以及：SyntaxHighlighter_1.5.1.rar 下載地址為：http://code.google.com/p/syntaxhighlighter/downloads/list

然后ok，安裝live writer和SyntaxHighlighter,msi

解壓SyntaxHighlighter_1.5.1.rar ，將里面的scripts和styles文件夾下面的文件上傳到自己的博客：

博客園博客有上傳文件的功能，其實(shí)你不必和作者一樣，全部上傳，比如你一直用c++ ，那么你可以只上傳shCore.js ，還有那個(gè)唯一的css文件以及代表c++的shBrushCpp.js，還有clipboard.swf。當(dāng)然你也可以和我一樣，全部都上傳。

然后在博客后臺(tái)的設(shè)置里面的子標(biāo)題下添加如下代碼：

注意：

上面的rollenholt將要修改為你自己的名字，比如我的博客地址為：http://www.cnblogs.com/rollenholt/，那么我的就是rollenholt。代碼如下：

<link type="text/css" rel="stylesheet" href="http://files.cnblogs.com/rollenholt/SyntaxHighlighter.css"></link> <script language="javascript" src="http://files.cnblogs.com/rollenholt/shCore.js"></script> <script language="javascript" src="http://files.cnblogs.com/rollenholt/shBrushCSharp.js"></script> <script language="javascript" src="http://files.cnblogs.com/rollenholt/shBrushCpp.js"></script> <script language="javascript" src="http://files.cnblogs.com/rollenholt/shBrushCss.js"></script> <script language="javascript" src="http://files.cnblogs.com/rollenholt/shBrushDelphi.js"></script> <script language="javascript" src="http://files.cnblogs.com/rollenholt/shBrushJava.js"></script> <script language="javascript" src="http://files.cnblogs.com/rollenholt/shBrushJScript.js"></script> <script language="javascript" src="http://files.cnblogs.com/rollenholt/shBrushPhp.js"></script> <script language="javascript" src="http://files.cnblogs.com/rollenholt/shBrushPython.js"></script> <script language="javascript" src="http://files.cnblogs.com/rollenholt/shBrushRuby.js"></script> <script language="javascript" src="http://files.cnblogs.com/rollenholt/shBrushSql.js"></script> <script language="javascript" src="http://files.cnblogs.com/rollenholt/shBrushVb.js"></script> <script language="javascript" src="http://files.cnblogs.com/rollenholt/shBrushXml.js"></script><script language="javascript"> window.onload = function() {dp.SyntaxHighlighter.ClipboardSwf = 'http://files.cnblogs.com/rollenholt/clipboard.swf';dp.SyntaxHighlighter.HighlightAll('code'); };</script>

注意修改為你的名字哦，然后保存就行了，最后你寫篇博客試試哦，呵呵，筆者的博客為：http://www.cnblogs.com/rollenholt/

歡迎交流哦，呵呵。

轉(zhuǎn)載于:https://www.cnblogs.com/rollenholt/archive/2012/03/08/2384594.html

總結(jié)

以上是生活随笔為你收集整理的博客园配置windows live writer，实现本地代码高亮的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。