/**PageBeginHtml Block Begin **/ /***自定义返回顶部小火箭***/ /*生成博客目录的JS 开始*/ /*生成博客目录的JS 结束*/

博客园代码高亮插件(类似csdn的代码插入)

* 博客文章部分截图及内容来自于学习的书本及相应培训课程以及网络其他博客,仅做学习讨论之用,不做商业用途。
* 如有侵权,马上联系我,我立马删除对应链接。
* @author Alan
* @Email no008@foxmail.com

1
 
1
  

博客园内置支持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序列化结果)。

123

123

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
根据上图数字标识顺序进行配置说明:
 
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; }
 
标记重要行,让它们高亮显示。多行之间用逗号“,”分割。
posted @   一品堂.技术学习笔记  阅读(1416)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示