1. 程式人生 > >博客園代碼高亮插件(類似csdn的代碼插入)

博客園代碼高亮插件(類似csdn的代碼插入)

topic 代碼高亮 alt xml序列化 但是 inf 內置 效果 win

 
 

博客園內置支持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的代碼插入)