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

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

代码美化插件wp-code-prettify推荐理由:

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

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

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

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

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

代码高亮显示效果:

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

免费安装代码美化插件wp-code-prettify:

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

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

启用并配置代码美化插件

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

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

代码美化插件的使用

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

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

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

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

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

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

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

本站所有内容,如有版权、侵权等问题,请及时联系本站做删除。发布者:聚云网,转载请注明出处:https://www.juyun.top/2789.html

(7)
打赏 微信扫一扫 微信扫一扫
云大君云大君
上一篇 2019年5月20日 下午11:27
下一篇 2019年5月22日 下午10:50

相关推荐

发表回复

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

问答社区 在线客服
咨询电话

iphone 咨询热线:13001069197

服务时间:上午 9:00 至晚上 21:00

联系我们

qq 技术:109033286

qq 运维:3423710838

email 邮箱:drhxxkj@163.com

2022072119482661 808026766

分享本页
返回顶部
上云攻略全知道

企业上云,购买云服务器攻略帮您节省上云成本,价值千元 的上云攻略,让您省到就是赚到!

查看详情