博客園代碼高亮插件(類似csdn的代碼插入)
博客園內置支持SyntaxHighlighter代碼著色,使用此內置著色特性需要將博客的默認編輯器改為TinyMCE(“管理”-“選項”中設置)。如果使用CuteEditor,CuteEditor會自動去除代碼中的空格,造成代碼格式破壞。
如果您使用Windows Live Writer寫博客(配置步驟),通過Windows Live Writer代碼著色插件,可以方便進行SyntaxHighlighter代碼著色。
我們推薦的代碼著色插件是:Windows Live Writer Source Code plugin for SyntaxHighlighter
官方網址:http://sourcecodeplugin.codeplex.com/
本地下載:SourceCodePlugin_version_1.1.zip
安裝方法:
將WindowsLiveWriter.SourceCode.dll復制到Windows Live Writer plugin文件夾:
* 32-bit systems: C:\Program Files\Windows Live\Writer\Plugins
* 64-bit systems: C:\Program Files (x86)\Windows Live\Writer\Plugins
一段經歷:實際上我早在安裝好Windows Live Writer後就已經安裝了SyntaxHighlighter插件,但是一直沒有用上,因為這款插件在本地Windows Live Writer編輯器中是沒有效果的……(我以為沒有作用)沒文化,真可怕。直到近期我才發現這插件的作用是要發布到博客園後才有效果(因為他需要運行SyntaxHighlighter插件的js腳本)……下面我來說說為博客圓提供的這款可視化插件如何配置。
按照上面鏈接文章安裝後,可通過Windows Live Writer的“插入”菜單使用,第一次使用此插件時會報讀取不到配置文件,這個不影響程序使用,你只需點 Options 按鈕在彈出框中配置完點OK就會創建該配置文件(如下圖),保存在C:\Users\…\AppData\Roaming\Windows Live Writer\WindowsLiveWriter.SourceCode.config中(WindowsLiveWriter.SourceCode.config實際上是內部 PluginConfigurationData 對象的 XML序列化結果)。
根據上圖數字標識順序進行配置說明: 1. AutoLinks publicboolAutoLinks { get; set; } 標識是否開啟將代碼中的超鏈接文字套上<a>標簽,即可以直接點擊鏈接。 2. Collapse publicbool Collapse { get; set; } 標識是否在頁面加載時默認將代碼折疊起來,在博文中代碼篇幅較大時此設置非常有用。 3. Gutter publicbool Gutter { get; set; } 標識是否在代碼前面顯示行號 4. HtmlScript publicboolHtmlScript { get; set; } 標識是否開啟 HTML/XML 標簽著色特性。(必須載入 xml 的筆刷 shBrushXml.js) 5. Light publicbool Light { get; set; } 該屬性用來控制是否開啟輕量模式。開啟輕量模式等同於,gutter: false 和 toolbar: false。 6. Ruler publicbool Ruler { get; set; } 在代碼上方增加一行用於標註代碼所使用的列行數,博客園屏蔽了這個屬性,也就是說如果你在博客園的文章中使用這個屬性是沒有任何效果的。 效果: 123 7. SmartTabs publicboolSmartTabs { get; set; } 標識是否啟動智能縮進,確保你的代碼格式發布到網頁顯示後不會因空格或縮進造成變形。 8. Toolbar publicbool Toolbar { get; set; } 該屬性用來控制是否在代碼塊的右上角顯示浮動工具欄。 9. LoadFromClipboard publicboolLoadFromClipboard { get; set; } 標識在打開SyntaxHighlighter插件編輯框時,是否默認把剪貼板上得內容復制到編輯框中。 10. TabSize publicintTabSize { get; set; } 自定義 Tab 的輸入寬度。 11. ClassName public string ClassName { get; set; } 將額外的css類添加到當前元素進行特殊樣式展現。這個做為 style 屬性的值,權級高,可覆蓋如樣式文件中定義的樣式。 12. Brush public string Brush { get; set; } 指定程序語言,以此來決定代碼著色規則。Eg:C#、C++、CSS、JavaScript、Java、PHP、XML/HTML、VB、SQL、Python、Ruby、Delphi……(必須設置的特性值) 13. FirstLine publicintFirstLine { get; set; } 指定行號的起始數值。 14. Highlight public string Highlight { get; set; } 標記重要行,讓它們高亮顯示。多行之間用逗號“,”分割。
博客園代碼高亮插件(類似csdn的代碼插入)