WordPress代码高亮最牛插件Crayon Syntax Highlighter

WordPressWordPress代码高亮最牛插件Crayon Syntax Highlighter已关闭评论23

WordPress代码高亮插件是程序员必备的一款插件,新手站长网会推荐Crayon Syntax Highlighter这款插件,本网站目前使用的就是这款代码高亮插件。新手站长网详解Crayon Syntax Highlighter这款插件的安装下载地址以及使用方法:

Crayon Syntax Highlighter下载与安装

WordPress后台->插件->安装插件->搜索Crayon Syntax Highlighter,点击在线安装;
或者将该插件下载到本地,然后上传插件安装,下载地址:文章源自新手站长-https://xinshouzhanzhang.com/crayon.html

https://wordpress.org/plugins/crayon-syntax-highlighter/

详细参考:WordPress插件安装方法文章源自新手站长-https://xinshouzhanzhang.com/crayon.html

如何使用?

如何使用?

WordPress代码高亮最牛插件Crayon Syntax Highlighter

Crayon插入代码的方法


安装后,默认Crayon会自动集成到文本编辑器中,将文本编辑器切换到“文本”(不要使用可视化),如上图所示,点击crayon按钮插入代码。文章源自新手站长-https://xinshouzhanzhang.com/crayon.html

Crayon后台设置

WordPress代码高亮最牛插件Crayon Syntax Highlighter

Crayon设置

设置Settings->Crayon即可进入设置页面文章源自新手站长-https://xinshouzhanzhang.com/crayon.html

WordPress代码高亮最牛插件Crayon Syntax Highlighter

Crayon Syntax Highlighter插件设置

Theme:可设置主题;
Font:设置字体、字体大小、行高;
Metrics:设置上下左右间距;
...
大家实际设置下,对照下效果即可文章源自新手站长-https://xinshouzhanzhang.com/crayon.html

Crayon Syntax Highlighter插件亮点

✔ 默认集成到主题编辑器中,使用更方便;
✔ 集成主题编辑器
✔ 切换行号
✔ 复制 / 粘贴代码
✔ 在新窗口中打开代码
✔ 支持 bbPress
✔ 自动获取博客文章 / 评论中的<pre>…</pre>进行高亮
✔ 远程请求缓存
✔ 可以在一个代码框内混合语言高亮显示
✔ 支持迷你标签,如 [php] [/php]
✔ 可以在行内调用代码高亮
✔ 支持</pre>标记
✔ 手机 / 触摸屏设备检测
✔ 鼠标事件交互(例如在工具栏上双击可以全选代码)
✔ Retina!
✔ 文件扩展名检测
✔ 设置实时预览
✔ 支持修改尺寸,边距,对齐方式,字体大小,行高……文章源自新手站长-https://xinshouzhanzhang.com/crayon.html 文章源自新手站长-https://xinshouzhanzhang.com/crayon.html

【阿里云99元服务器】入口2核2G3M带宽、新老用户同享、99元/年续费到2027年

【腾讯云特价】:2核2G3M 88元一年、2核2G4M 108元1年 366元3年、2核4G5M 166元/年 566元3年、4核8G12M 446元一年 更多配置8核16G18M和16核32G28M 点我直达 >>

2023阿里云优惠活动:xinshouzhanzhang.com/go/aliyun

注意:以上特价轻量服务器限制条件为“产品首单特惠”,如果你的腾讯云账号已经是老用户,建议重新注册一个腾讯云账号,如果你是新用户符合条件,那么无脑入,确实值得。

 
  • Crayon
  • WordPress Crayon
  • WP Crayon
  • Crayon Syntax Highlighter
  • WordPress高亮插件
  • WordPress代码高亮
WordPress

WordPress代码高亮非插件Prismjs

对于WordPress站长来说代码高亮是十分必要的,但是越来越多的插件会让博客臃肿不堪,让WordPress越来越慢,新手站长介绍一款非插件的代码高亮方法:Prism.js Prism介绍 高亮主题:...