【性价之王】	【线路之王】	【价格之王】	【配置之王】
【免费之王】	【香港首推】	【梯子之王】	【独服之王】

很多WordPress站长都需要。在博客搭建的过程中，经常需要对代码进行备份，并且有用的代码还要收藏。

这个时候就十分需要代码高亮，能够让我们贴出的代码美观易于阅读。

实现WordPress代码高亮的方法有很多，插件比较麻烦，代码高亮的插件，要不很简单，要不就是看着非常强大但是复杂设置，或者需要注入很多代码。比较麻烦。

但是再强大无非也就是代码高亮而已，遇见那些不经常贴代码的博主来说，那什么样的办法能够既方便又小巧还利于用户体验呢？

可以通过非插件WordPress代码高亮的实现，代码集成。

内容 1 CodeRender 2 相关文章

CodeRender

通过这个小工具让主题加载一段css后，通过CodeRender生成出来的代码，贴进WordPress博客后就能够立马显示出美观的样子出来，例如：

目前CodeRender输出的样式类有很多，我们就拿最原始的css给大家，具体css的美化，大家可以自行修改。下载地址在文末。

下载文件后，解压得到highlightx.css文件，将其文件放到WordPress主题的根目录下，然后进行其css文件的调用；

打开WordPress主题文件夹下的header.php文件夹，在</head>前面加入

<link rel="stylesheet" h="<?php bloginfo('template_url'); ?>/highlight.css" />

保存即可。

也可将highlightx.css文件里的所有内容复制粘贴到你们WordPress主题的style.css文件的最下面。

设置完成后，后台就支持CodeRender输出内容的样式显示了。

下面提供个工具页面，能够直接输出代码。

http://www.2zzt.com/gl/

通过这个工具，即可直接将代码转换为div的内容

将我们的代码复制进【输入源代码】后，选择代码的语言，这里支持的语言有:java/xml/sql/jscript/css/cpp/c#/python/vb/perl/php/ruby/delphi

然后点击转换，得出的html代码即为我们要复制贴进wordpress文章编辑里的，当然复制的时候，wordpress使用文本模式。

到这里本教程应该全部结束了。

但是还有个致命的问题发生，就是我们放进去的代码会被Wordpress自动把半角符号替换为全角，这样带来的问题就是，别人复制你的代码后，无法正常使用。这个时候需要

找到functions.php，打开后在最下面贴上

//禁止代码标点转换remove_filter('the_content', 'wptexturize');
[WordPress]历史优惠活动内容

bluehost介绍–支持中文界面，wordpress官方推荐2022-12-23

建站：vps+wordpress快速搭建个人博客 教程亲自测试通过2022-12-23

Openshift online+wordpress免费建站套路，主机空间域名全2022-12-23

不喜欢国内博客平台，自建博客除了用wordpress，还可以尝试下typecho2022-12-23

bluehost介绍–支持中文界面，wordpress官方推荐2022-12-23

建站：vps+wordpress快速搭建个人博客 教程亲自测试通过2022-12-23

Openshift online+wordpress免费建站套路，主机空间域名全2022-12-23

不喜欢国内博客平台，自建博客除了用wordpress，还可以尝试下typecho2022-12-23

bluehost介绍–支持中文界面，wordpress官方推荐2022-12-23

建站：vps+wordpress快速搭建个人博客 教程亲自测试通过2022-12-23

Openshift online+wordpress免费建站套路，主机空间域名全2022-12-23

不喜欢国内博客平台，自建博客除了用wordpress，还可以尝试下typecho2022-12-23

bluehost介绍–支持中文界面，wordpress官方推荐2022-12-23

建站：vps+wordpress快速搭建个人博客 教程亲自测试通过2022-12-23

Openshift online+wordpress免费建站套路，主机空间域名全2022-12-23

不喜欢国内博客平台，自建博客除了用wordpress，还可以尝试下typecho2022-12-23

bluehost介绍–支持中文界面，wordpress官方推荐2022-12-23

建站：vps+wordpress快速搭建个人博客 教程亲自测试通过2022-12-23

Openshift online+wordpress免费建站套路，主机空间域名全2022-12-23

不喜欢国内博客平台，自建博客除了用wordpress，还可以尝试下typecho2022-12-23

bluehost介绍–支持中文界面，wordpress官方推荐2022-12-23

建站：vps+wordpress快速搭建个人博客 教程亲自测试通过2022-12-23

Openshift online+wordpress免费建站套路，主机空间域名全2022-12-23

不喜欢国内博客平台，自建博客除了用wordpress，还可以尝试下typecho2022-12-23

bluehost介绍–支持中文界面，wordpress官方推荐2022-12-23

建站：vps+wordpress快速搭建个人博客 教程亲自测试通过2022-12-23

Openshift online+wordpress免费建站套路，主机空间域名全2022-12-23

不喜欢国内博客平台，自建博客除了用wordpress，还可以尝试下typecho2022-12-23

bluehost介绍–支持中文界面，wordpress官方推荐2022-12-23

建站：vps+wordpress快速搭建个人博客 教程亲自测试通过2022-12-23

Openshift online+wordpress免费建站套路，主机空间域名全2022-12-23

不喜欢国内博客平台，自建博客除了用wordpress，还可以尝试下typecho2022-12-23

bluehost介绍–支持中文界面，wordpress官方推荐2022-12-23

建站：vps+wordpress快速搭建个人博客 教程亲自测试通过2022-12-23

Openshift online+wordpress免费建站套路，主机空间域名全2022-12-23

不喜欢国内博客平台，自建博客除了用wordpress，还可以尝试下typecho2022-12-23

bluehost介绍–支持中文界面，wordpress官方推荐2022-12-23

建站：vps+wordpress快速搭建个人博客 教程亲自测试通过2022-12-23

Openshift online+wordpress免费建站套路，主机空间域名全2022-12-23

不喜欢国内博客平台，自建博客除了用wordpress，还可以尝试下typecho2022-12-23

webhostingbuzz-专业wordpress主机5折/VPS8折(ona2022-12-20

简单两步干掉WordPress里面的fonts.googleapis2022-12-20

黑5→mediatemple-5折/虚拟主机/wordpress主机2022-12-20

给WordPress添加百度无线sitemap2022-12-20

TemplateMonster-模板7折/wordpress/Joomla/Pr2022-12-20

WordPress主机推荐→WordPress官方推荐专用主机2022-12-20

WordPress主机推荐→WordPress官方推荐专用主机2022-12-20

主机测评更换主题中 可能存在变动 骚安无照！2022-12-20

#黑色星期5# themeforest-一律5折,上百款WordPress收费主2022-12-20

#黑色星期5# themeforest-一律5折,上百款WordPress收费主2022-12-20

经验→在themeforest购买超便宜WordPress主题模板2022-12-20

腾讯云+云数据库 搭建WordPress博客2022-12-20

wordpress主题推荐（1）→newspaper 1个通杀40个 上百种组合2022-12-20

themeforest -wordpress收费主题5折促销推荐 低至14美元2022-12-20

售卖了2.5万份的wordpress收费主题sahifa黑5期间5折限时促销2022-12-20

Namecheap→$14.88/年 专业WordPress主机2022-12-20

Share Hosting→搭建WordPress网站用什么主机比较好？2022-12-20

嫌弃WordPress 5.x？来把WordPress版本降级处理吧！2022-12-20

推荐下→WordPress国产知名收费主题站6折优惠中！2022-12-19

推荐下→WordPress国产知名收费主题站6折优惠中！2022-12-19