你是否還在為只能用瀏覽器在博客后台寫文章而苦惱?
你是否還在糾結於live writer沒有代碼高亮而苦惱?
現在一切都能解決:
其實博客園支持SyntaxHighlighter代碼着色,可以用相應的Live Writer代碼着色插件進行代碼着色。他們推薦的代碼高亮插件是
:推薦代碼着色插件:Source Code plugin for SyntaxHighlighter。
:Windows Live Writer下載地址:http://download.live.com/writer。
但是無法在本地編寫代碼的時候就能夠做到代碼高亮,而且在本地預覽的時候也沒有代碼高亮,只有發布在博客之后用瀏覽器打開的時候才能有代碼高亮。
由於筆者不太喜歡這種編寫代碼時候沒有高亮,並且博客園自帶的代碼樣式比較難看,我很不喜歡,之前本打算自己搭建一個wordpress,因為既然現實存在的東西不行,那么我就創造一個,哈哈、但是由於最近資金有限,買不起域名和空間,所以,沒辦法,只能回過頭來搗鼓博客園了。好了。,先給搭建看看我最后的效果。
網頁版的最后效果為:
下面看看在本地windows live writer編寫代碼時候的效果吧。比如插入:
點擊OK。效果如下:
template<typename T>
void stack<T>::push(T const& a){
elems.push_back(a);
}
我截圖如下,大家注意我畫 紅線的地方,這個是在編輯狀態下的哦:
然后我們在本地點擊預覽:
看,是不是也有代碼高亮啊。呵呵,然后我們用瀏覽器打開:
效果完全一樣,如何,不錯吧、。
如何制作呢?
首先去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文件夾下面的文件上傳到自己的博客:
博客園博客有上傳文件的功能,其實你不必和作者一樣,全部上傳,比如你一直用c++ ,那么你可以只上傳shCore.js ,還有那個唯一的css文件以及代表c++的shBrushCpp.js,還有clipboard.swf。當然你也可以和我一樣,全部都上傳。
然后在博客后台的設置里面的子標題下添加如下代碼:
注意:
上面的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/
歡迎交流哦,呵呵。







