zblog代码高亮插件（zblog插件制作教程）

本篇文章给大家谈谈zblog代码高亮插件，以及zblog插件制作教程对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、如何在wordpress文章插入代码并高亮显示
• 2、zblog编辑器FCKeditor中如何插入代码并高亮显示
• 3、wordpress用了代码高亮插件他还是不高亮？
• 4、如何让hexo代码高亮？

如何在wordpress文章插入代码并高亮显示

一直以来在wordpress发布文章的时候不管代码的显示格式，都是按普通的文章本格式来发布的，但后来

发现这样的发布使得代码非常之不美观，又不方便阅读，这样对用户的体验非常不好，所以在网上找了

一些解决代码在文章中高亮显示的方法，经过几次的测试，觉得使用CodeColorer这个插件来实现比较方

便，而且高亮代码显示非常美观，下面给大家讲讲如何使用这个插件。

1、既然是用插件为实现的功能，那么第一件事就是安装这个插件了，详细的安装方法可以参照：

wordpress插件CodeColorer的下载与安装

2、安装好CodeColorer后在wordpress管理后台的设置里面有个CodeColorer选项，点击进去进行配置，

一般情况下只需要将“宽度”设置成您站点文章的宽度就行了。如果希望显示的高亮代码前面显示行号

的话，可以勾选一下格式化里的“显示行号”

3、在发表文章的时候先在可视化界面编辑好所有文字内容，然后切换到文本界面，在文本界面找到你需要添加高亮代码的地方插入以下标签：code lang=”php” /code，在code lang=”php” /code标签之间插入您需要显示的代码，然后保存文章就可以了。当然您也可以开启CodeColorer的可视化插入代码功能，只需要修改插件目录下的codecolorer.php 文件即可。下面是需要修改的代码，只需要将代码前面的//注释符去掉就可以了。

zblog编辑器FCKeditor中如何插入代码并高亮显示

不但可以向本文一样显示代码,并且高亮显示。

一、在FCKeditor的配置文件（一般为fckconfig.js或custom.config.js）中，配置 FCKConfig.ToolbarSets设置部分 添加一个按钮值 'InsertCode',步骤如下：

1、在配置文件中找到下面的代码：

JavaScript代码

XML/HTML代码

FCKConfig.ToolbarSets[Default]=[

['Source','FontName','FontSize'],

['TextColor','BGColor'],

['Image','Media','Flash','Table','Smiley','SpecialChar'],

['ShowBlocks','Preview','FitWindow'],

'/',

['PasteText','Templates','Find','RemoveFormat'],

['Undo','Redo'],

['-','Bold','Italic','Underline','StrikeThrough'],

['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote'],

['JustifyLeft','JustifyCenter','JustifyRight'],

['Link','Unlink','Rule'],

['Subscript','Superscript','-','InsertCode']//Nocommaforthelastrow.];看到了么？最后一句的区别。

2、查找:FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/';

在下面加上:

FCKConfig.Plugins.Add('insertcodeRun');

二、打开fckeditor\editor\lang文件夹里的zh-cn.js，在结尾的 };之前 加入以下代码

InsertCodeBtn : 插入代码

注意:加入上面代码时,原来的最未句代码后面要加个逗号.

wordpress用了代码高亮插件他还是不高亮？

主题缺少

?php wp_head();?

?php wp_footer();?

这两个钩子，导致插件无法正常挂载进来。

wordpress代码高亮插件推荐：

如何让hexo代码高亮？

由于hexo代码使用的Markdown语法，Markdown的语法可以参考Markdown语法介绍。所以可以使用Markdown的方式实现代码的高亮，通常有以下三种方式：使用双空格缩进的方式（这种方式在Hexo中代码不支持高亮），使用```code block```的方式（这种方式在部分情况下可以高亮，但是在我的机器上却不能实现高亮），使用代码块的语法，具体可以看Codeblock - Octopress。我使用这种方式在我的hexo博客代码的高亮。hexo使用highlight.js. 在markdown中用```cppthis is cpp code```告诉hexo生成带高亮的codeblock然而highlight.js支持的格式较少而且好像不太好配置，unix user可以用我写的一个hexo插件: GitHub - ppwwyyxx/hexo-tag-vimhighlight: Highlight code using vim in hexo. 这个插件调用vim, 把vim的代码高亮嵌入html. vim里什么颜色最后blog里就是什么颜色.

zblog代码高亮插件的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于zblog插件制作教程、zblog代码高亮插件的信息别忘了在本站进行查找喔。