1. 首页
  2. 运维教程

推荐一款免费的wordpress代码美化插件,轻松让你的代码高亮显示

君哥看到别人的网站里面,代码是黑色背景,用不同颜色标记了命令,觉得很牛X,无奈于本人较懒,能力有限,便动身去找插件,花了大半夜,终于找到了一款自认为非常不错并且免费的wordpress代码美化插件,轻松让你的代码高亮显示。

代码美化插件推荐理由:

1、官方在线安装,安全稳定,避免后门等不必要的麻烦。

2、插件简洁高效,设置项简单,不像其他代码高亮插件一样臃肿。

3、配置简单,支持自定义CSS样式和HTML代码。

4、使用方便,和其他插件的使用方法没有区别,只需要给代码块加上标签。

5、加载快速,可选择加载js/css的时间,节省服务器开销。

代码高亮显示效果:

推荐一款免费的wordpress代码美化插件,轻松让你的代码高亮显示

免费安装代码美化插件:

登录wordpress后台,鼠标移动到左侧导航栏【插件】,再选择【安装插件】,然后在搜索框内输入【wp-code-prettify】,然后安装【代码美化插件】。

推荐一款免费的wordpress代码美化插件,轻松让你的代码高亮显示

启用并配置代码美化插件

登录wordpress后台,鼠标移动到左侧导航栏【设置】,再选择【 wp code prettify 】,进入代码美化插件的配置界面。配置选项十分简单,一目了然,但是却简单高效,截图中的配置就是君哥的配置,可以参考。

推荐一款免费的wordpress代码美化插件,轻松让你的代码高亮显示

代码美化插件的使用

编辑文章时,切换到文本模式,在 <pre class="prettyprint">...</pre> 或 <code class="prettyprint">...</code> 中间放上代码片段,它就会自动被美化了。具体效果请查看文章开头处的图片。

推荐一款免费的wordpress代码美化插件,轻松让你的代码高亮显示

代码高亮显示的几点思考:

1、如果这个插件可以可视化编辑,点击 code 后弹出代码框,直接粘贴,自动加标签,会更加方便。

2、增加代码一键复制按钮,方便复制操作。

云期刊旨在收集阿里云、腾讯云、百度云等云计算产品的行业资讯,最新优惠信息,提供代金券、优惠券领取,让用户以最低的价格购买服务器,享受优质的产品服务。云期刊提供免费服务器购买咨询,科技前沿资讯,互联网行业动态,软件开发及服务器运维教程,竭全力为用户提供优质服务。

如果您有任何疑问,请在页面右侧点击联系云期刊客服,第一时间为您服务。如果您有教程需求,可以在我们的社区中留言。如果您有经验要分享,我们欢迎您的到来。文章中有什么问题,也欢迎留言指正,我们共同创建一个服务平台。

本站所有内容,如有版权、侵权等问题,请及时联系本站做删除。发布者:云期刊,转载请注明出处:https://www.yunqikan.cn

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

400-100-6858

在线咨询:点击这里给我发消息

邮件:drhxxkj@163.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code