博客园代码高亮插件(类似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; } 标记重要行,让它们高亮显示。多行之间用逗号“,”分割。
相关文章
- 编写第一个vscode插件,扩展非代码文件格式
- mac安装热更新插件
- 微信小程序 - 实现文本展开与收起功能组件(初始时隐藏文字内容,当点击查看更多时展开)点击隐藏和点击显示 / 折叠与展开 / 大段文本内容过多,实现折叠与展开效果 ,超详细代码注释文章教程源码插件
- Vue - 满意度调查评价功能,表情图片打分评分组件(非星星评分组件,类似抖音商品满意度好评、中评、差评评价功能)代码干净整洁注释详细无 BUG,无任何第三方插件依赖,完整功能实例源码插件
- uni-app - 文本展开 / 收起折叠功能,支持自定义样式(当文本内容超出规定行数后,展开收起折叠的功能)兼容 H5 / App / 小程序且易用更容易修改的插件组件源码,超详细的示例代码及注释
- 浏览器插件
- Eclipse4.5在线安装Aptana插件及配置代码提示教程
- 这款 IDEA 插件,检测代码漏洞,一键修复
- 安装阿里Java代码规约插件
- wifipineapple插件:codeInject的使用
- CodeGeeX:vscode中全新的智能代码补全插件
- 微信小程序日历插件对比
- 【转载】 Visual Studio Code几款FTP插件使用总结
- Eclipse 工作流插件地址
- 【Unity3D插件】PUN 2插件分享《Unity3D多人在线联机联网插件》——客户端服务器端一体
- 【Unity3D插件】DoTween插件的简单介绍及示例代码
- cordova 插件发布到 npm
- 基于eclipse的mybatis映射代码自动生成的插件
- JQuery插件:动态列和无间隙网格布局Mason.js
- Sublime10个经常使用插件
- MyBatis generator插件如何快速生成代码 提高开发效率
- 解决Eclipse代码分析插件SonarLint在Console输出乱码问题