如何不需要使用插件就可以实现WordPress代码高亮功能
![]() | ![]() | ![]() | ![]() |
| 【性价之王】 | 【线路之王】 | 【价格之王】 | 【配置之王】 |
| 【免费之王】 | 【香港首推】 | 【梯子之王】 | 【独服之王】 |

很多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]历史优惠活动内容
猜你可能想看的VPS
- racknerd→$159 月 洛杉矶 纽约 100T 大流量独立服务器独立服务器[U]
- 促销 LosAngelesvps→2 核 2.5G 内存 35G SSD全球[VPS测评]
- 腾讯云秒杀→上海北京云服务器年付 99 元起 1C2G50G2M 三年仅全球[VPS测评]
- mysql update 使用 select 的结果的方法全球[VPS测评]
- Cubecloud - 魔方云春节 75 折优惠 香港新加坡等机房可选香港VPS[主机]
- 双十一 HostDare→洛杉矶 CN2 GIA 线路全部 8 折优惠 全球[VPS测评]
- 帝国 CMS 启用 https 后登录后台空白的解决办法全球[VPS测评]
- HTTP 状态码大全(HTTP Status Code)全球[VPS测评]
- NameSilo→.xyz .top 等域名 首年 0.99 美金 一次全球[VPS测评]
- 禁止 vim 复制内容缩进的办法全球[VPS测评]
- 2019 年国内外 PT 站排名及邀请方式全球[VPS测评]
- WordPress 5.2让你更容易去修复网站问题全球[VPS测评]
- 用Memcached、Batcache加速WordPress实现内存级缓全球[VPS测评]
- AlexHost摩尔多瓦抗投诉 VPS 云服务器 1.5G内存/不限流/全球[VPS测评]
- 腾讯云赠送老用户一年2核/4G高配轻量应用服务器,可选广州/上海/北京/全球[VPS测评]
- RAKsmart双十一活动 每天10台独服月付30刀秒杀,注册就送10刀全球[VPS测评]
- Pelvan Host → 4.99€ 月 4C8G25G流量 1Gbp全球[VPS测评]
- 企鹅小屋:深港IPLC节点,0.25元/G流量,不用不花钱全球[VPS测评]
- 无忧云怎么样?大连BGP德阳100G高防香港CN2VPS云服务器香港VPS[主机]
- 印象云怎么样?85折香港安畅CN2vps带宽3M月付23元香港VPS[主机]
- 好云:国内云服务器2核2G5M优惠,仅350元/年;香港/海外云服务器,香港VPS[主机]
- 跨境贸易和跨境电商的三大区别简单分析全球[VPS测评]
- CentOS 7.x 系统安装和配置redis-7.0.4集群全球[VPS测评]
- 硅云香港云服务器怎么样?硅云香港vps访问速度快不快?香港VPS[主机]
- 二三互联年末回馈:香港/美国云服务器新购特价促销,优惠码可打76折美国VPS[主机]
- 麻花云怎么样?安徽移动VPS月付29元 香港VPS 2M月付21元香港VPS[主机]
- edgeNAT:香港/韩国/美国CN2云服务器,企业运营,年付6折/月付韩国VPS[主机]
- 恒星云:香港沙田CN2VPS低至9.9元/起_国内BGP云服务器4核4G香港VPS[主机]
- 2022年有哪些顶级托管服务提供商全球[VPS测评]
- 六一云:国内BGP高防vps套餐,1核/1G/2Mbps/香港CN2,月香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-226493.html











