博客園配置windows live writer,實現本地代碼高亮


你是否還在為只能用瀏覽器在博客后台寫文章而苦惱?

你是否還在糾結於live writer沒有代碼高亮而苦惱?

現在一切都能解決:

其實博客園支持SyntaxHighlighter代碼着色,可以用相應的Live Writer代碼着色插件進行代碼着色。他們推薦的代碼高亮插件是

:推薦代碼着色插件:Source Code plugin for SyntaxHighlighter

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

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

由於筆者不太喜歡這種編寫代碼時候沒有高亮,並且博客園自帶的代碼樣式比較難看,我很不喜歡,之前本打算自己搭建一個wordpress,因為既然現實存在的東西不行,那么我就創造一個,哈哈、但是由於最近資金有限,買不起域名和空間,所以,沒辦法,只能回過頭來搗鼓博客園了。好了。,先給搭建看看我最后的效果。

網頁版的最后效果為:

image

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

image

點擊OK。效果如下:

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

我截圖如下,大家注意我畫 紅線的地方,這個是在編輯狀態下的哦:

image

然后我們在本地點擊預覽:

image

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

image

效果完全一樣,如何,不錯吧、。

如何制作呢?

首先去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文件夾下面的文件上傳到自己的博客:

image

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

然后在博客后台的設置里面的子標題下添加如下代碼:

image

注意:

上面的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/

歡迎交流哦,呵呵。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM