如何不需要使用插件就可以实现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
- Nginx 配置 Https 反向代理全球[VPS测评]
- Cenchu→$10 年 不限空间 不限流量 可绑定 3 个域名 DDO虚拟空间(主机)
- WindowsVPS→$45 年 3G 内存 30GB SSD 空间 不WINDOWS
- 补货通知 HostDare→CN2 GIA 线路 VPS 最低$34.4全球[VPS测评]
- 日本 VPS 49 元每月 1G 内存 650G 流量 日本大阪 Hos日本VPS[主机]
- Win10 访问共享时出现错误代码 0x80070035 是怎么回事?全球[VPS测评]
- Toxic-Host→€3.5 月 8GB 内存 80GB SSD 空间虚拟空间(主机)
- 免费服务器 Arsys→免费一个月德国独立服务器 可选机器配置独立服务器[U]
- 促销 数脉科技→香港双向 CN2 服务器低至 4 折 E3-1230v2香港VPS[主机]
- STL vector 容器介绍全球[VPS测评]
- 2020 年 Vultr 最新活动,新用户注册送$100,全球 16 大日本VPS[主机]
- 大盘机 $2.99 月 2 核 CPU 512M 内存 250G 硬盘 全球[VPS测评]
- CloudCone→$15 年 KVM-512MB 10GB 1TB 洛全球[VPS测评]
- 易科云新上香港CN2套餐1G内存20g硬盘5m小带宽月付仅22.4元香港VPS[主机]
- 今日头条欲做号内搜索,可搜站外不少内容全球[VPS测评]
- Chrome插件Personal Blocklist全球[VPS测评]
- WordPress基于WPJAM BASIC开发的免费主题:Honey主全球[VPS测评]
- 如何将typecho转换到WordPress?全球[VPS测评]
- 什么样的AdSense广告尺寸和广告样式才能使AdSense收入更高全球[VPS测评]
- 极云(sa.net)日本BBTEC及南非半程CN2 VPS日本VPS[主机]
- 如何根据业务需求选择合适的云服务器配置?全球[VPS测评]
- kvmcloud怎么样?香港BGP云服务器 月付12.9元香港VPS[主机]
- 亚马逊卖家与广告流量之间的博弈才刚刚开始?品牌卖家如何冲破广告之困...全球[VPS测评]
- 自适应bootstrap左侧导航可关闭全球[VPS测评]
- 源云主机,香港沙田VPS CN2 1核1G 24/月 NTT 50M 9香港VPS[主机]
- 腾讯云秒杀活动:1核/2G/上海&北京,年付99元全球[VPS测评]
- 快云科技:香港CN2VPS,2核/2GB内存/3M独享,仅售14.98元香港VPS[主机]
- 腾讯云海外服务器优惠活动:全球购1核2G美国云服务器低至318元/年美国VPS[主机]
- 牛信云入选艾瑞《2022年中国跨境电商服务行业趋势报告》典型厂商全球[VPS测评]
- 74块钱一年的云服务器可以用来做什么?全球[VPS测评]
转载请注明原文地址:http://www.motoll.com/read-224882.html