君哥看到别人的网站里面,代码是黑色背景,用不同颜色标记了命令,觉得很牛X,无奈于本人较懒,能力有限,便动身去找插件,花了大半夜,终于找到了一款自认为非常不错并且免费的wordpress代码美化插件wp-code-prettify,轻松让你的代码高亮显示。
代码美化插件wp-code-prettify推荐理由:
1、官方在线安装,安全稳定,避免后门等不必要的麻烦。
2、插件简洁高效,设置项简单,不像其他代码高亮插件一样臃肿。
3、配置简单,支持自定义CSS样式和HTML代码。
4、使用方便,和其他插件的使用方法没有区别,只需要给代码块加上标签。
5、加载快速,可选择加载js/css的时间,节省服务器开销。
代码高亮显示效果:
免费安装代码美化插件wp-code-prettify:
登录wordpress后台,鼠标移动到左侧导航栏【插件】,再选择【安装插件】,然后在搜索框内输入【wp-code-prettify】,然后安装【代码美化插件】。
启用并配置代码美化插件
登录wordpress后台,鼠标移动到左侧导航栏【设置】,再选择【 wp code prettify 】,进入代码美化插件的配置界面。配置选项十分简单,一目了然,但是却简单高效,截图中的配置就是君哥的配置,可以参考。
代码美化插件的使用
编辑文章时,切换到文本模式,在 <pre class="prettyprint">...</pre> 或 <code class="prettyprint">...</code> 中间放上代码片段,它就会自动被美化了。具体效果请查看文章开头处的图片。
代码高亮显示的几点思考:
1、如果这个插件可以可视化编辑,点击 code 后弹出代码框,直接粘贴,自动加标签,会更加方便。
2、增加代码一键复制按钮,方便复制操作。
聚云网旨在收集阿里云、腾讯云、百度云等云计算产品的行业资讯,最新优惠信息,提供代金券、优惠券领取,让用户以最低的价格购买服务器,享受优质的产品服务。聚云网提供免费服务器购买咨询,科技前沿资讯,互联网行业动态,软件开发及服务器运维教程,竭全力为用户提供优质服务。
如果您有任何疑问,请在页面右侧点击联系聚云网客服,第一时间为您服务。如果您有教程需求,可以在我们的社区中留言。如果您有经验要分享,我们欢迎您的到来。文章中有什么问题,也欢迎留言指正,我们共同创建一个服务平台。
本站所有内容,如有版权、侵权等问题,请及时联系本站做删除。发布者:聚云网,转载请注明出处:https://www.juyun.top/2789.html