WordPress设置语法高亮

最新推荐文章于 2024-11-25 14:00:43 发布
原创 最新推荐文章于 2024-11-25 14:00:43 发布 · 2.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了如何在WordPress中使用CodeColorer插件实现代码高亮功能，通过安装及简单配置即可让博客中的代码段更加美观易读。

在博客中有时候我们需要编写代码，此时语法高亮就比较方便了，能够更加直接的显示代码，方便阅读。在WordPress中有很多语法高亮的插件，本文介绍一种称为CodeColorer的语法高亮插件，在插件中搜索CodeColorer，安装，启用并如下图所示进行设置。


编写一个测试博文，如下图所示


发布，并登陆到本地博客上查看效果图，如下所示


确实很漂亮哈！Over

 

WordPress 代码高亮插件 io code highlight
T19900的博客
03-24 223
io code highlight 是一款专为 WordPress 设计的代码高亮插件，支持多种编程语言，能够以美观、直观的方式展示代码片段。该插件基于 Prism.js 和 Highlight.js，提供丰富的主题和多种语言支持，适用于技术博客、开发者文档站点等。io code highlight 是一款功能强大、轻量高效的 WordPress 代码高亮插件，适用于开发者和技术博客站长。它提供丰富的语法支持和多种主题，同时兼顾性能优化。
WordPress自动代码高亮插件Code Prettify插件
最新发布
T19900的博客
03-24 340
Code Prettify 是一款轻量级的 WordPress 代码高亮插件，由 Google 开发，专为在网页上美化代码显示而设计。它支持多种编程语言，能够自动检测代码并进行语法高亮，无需手动添加标签。该插件适用于技术博客、开发者文档站点以及任何需要展示代码的 WordPress 站点，提供简洁高效的代码美化效果。Code Prettify 是一款简单高效的 WordPress 代码高亮插件，适合开发者和技术博客站长使用。它无需复杂配置，兼容各种主题，且不会影响网站性能。
在WordPress网站上支持代码高亮（代码着色）
weixin_42077074的博客
10-26 4605
代码高亮（代码着色）就是指让代码中不同语句根据类别显示不同的颜色，从而增强可读性，而不是干巴巴一片黑色。我们可以通过Hightlight或Prism使网页支持代码高亮，在这里笔者使用了Prism Prism，即prism.js，是一个轻量级，可扩展的语法着色工具，可以让你的代码块中的代码颜色更丰富更好看（也就是“代码高亮”）。 原代码和经Prism代码高亮的对比图如下 Prism官网 https://prismjs.com/download.html 在Prism官网上自定义你的代码着色样式：着色主题
wordpress 文章中代码高亮显示（可视化插件）
小小程序员
05-02 1万+
1、安装插件 Pure highlightjs 下载地址：链接: https://pan.baidu.com/s/1bpD0reB 密码: 9tau 2、进入 WordPress 后台管理页面，上传插件，上传刚才下载的 ZIP 文件，然后安装。或者解压安装包，上传到插件目录，/wp-content/plugins/。 3、启用插件 安装完毕后，在已经安装的插件里启用 “Pure Hig...
不用插件实现WordPress代码高亮显示
ibey0nd的专栏
12-13 2205
偶尔在日志中加入一些代码，感觉完全没必要安装代码高亮插件，万一某天不用插件了，页面可能会很乱。其实大部分插件都是在代码中强行加入一些标签，然后用CSS定义样式，通过查看页面源文件可以清楚地看到。 今天推荐的是一款本地转换代码高亮显示的小工具：CodeRenderUnmi 操作很容易，Source Code 中贴上你要着色的代码，然后选择语种，点击 Render 按钮就会在 HTML C
语法highlighter：WordPress插件，可轻松发布语法高亮的代码片段
02-05
轻松将语法突出显示的代码发布到您的WordPress网站，而无需进行任何修改。 如在WordPress.com上看到的。 支持新的古腾堡编辑器！ 区块开发工作流程 源代码位于src文件夹中。 运行npm install以安装所有必需的模块...
WordPress语法高亮插件：简化代码发布与编辑流程
1. **代码片段发布流程：**描述中提到用户可以轻松将代码发布到WordPress网站，这可能涉及一个简化的用户界面，允许用户粘贴代码并选择所需的语法高亮设置，而无需手动修改HTML或CSS。 2. **古腾堡编辑器支持：**...
CodeColorer：在WordPress文章中优雅地展示代码段和语法高亮
1. **CodeColorer**：这是一个WordPress插件的名称，它专门设计用来在WordPress平台的博客帖子中插入代码片段，并且提供语法高亮显示的功能。 2. **WordPress插件**：插件是一种扩展WordPress功能的程序，可以通过...
wordpress美化之代码高亮，非常好用的代码高亮插件Enlighter
黎想
11-25 733
因为wordpress自带的编辑器并没有编辑代码样式的组件，所以导致如果页面中分享代码的话特别丑且不适配，我们也看过网站代码部分都是彩色高亮显示，且支持一键复制的。今天就给大家分享一款面代码的代码高亮插件Enlighter - Customizable Syntax Highlighter。Enlighter，全名是Enlighter - Customizable Syntax Highlighter。支持各种自定义和各种脚本的专属添加形式，而且也有代码行数和自定义CSS样式，总之功能很强大。
【建站笔记】：在wordpress博客文章中插入代码段并高亮显示
热门推荐
halftion
07-14 1万+
一直以来在wordpress发布文章的时候不管代码的显示格式，都是按普通的文章本格式来发布的，但是这样很不美观而且影响阅读,最近找到了一个CodeColorer插件，用起来不错，还可以调整配色风格，下面简单记录一下CodeColorer的安装及使用方法 1、安装 进入 wordpress后，选择左侧：插件–>添加插件 进入安装插件页面。关键词输入CodeColorer，然后点搜索。在搜索...
WordPress代码高亮插件CodeColorer修改版
01-12
WordPress代码高亮插件CodeColorer修改版。虽然我很愿意把它介绍给大家，但是这款插件好久没有升级了，已经不兼容WordPress 3.3之后的版本了。这里我就直接放出我修改后的版本吧，喜欢的就下载使用吧。
WordPress免插件实现代码高亮
夜澜静的博客
02-23 734
WordPress免插件实现代码高亮
wordpress语法
Asshead
01-03 513
1.获取当前语言 get_bloginfo('language') == 'zh-CN') 2.判断页面 is_page( int|string|array $page = '' ) 其中$page（int | string | array） （可选），可以是页面 ID，标题，或其数组，默认值：''。 is_home(); 判断是否是首页 3.获取页面的特殊图像 获取特色图像：小 <?php $thumbnail_image_url = wp_get_attachment_image_
5款WordPress代码高亮插件
wanguan2000的博客
11-05 1091
5款WordPress代码高亮插件 本文为你介绍5款WordPress代码高亮插件。这些插件对于开发者很有用，他们经常会在博文中包含CSS、JS或其他语言的代码。通过使用以下插件，可以帮助更好地突出显示代码块。 1. CodeColorer 它有几种不同的主题可供选择。该插件的应用范围很广，适用于多种不同的语言。这篇博客 用这款插件来高亮代码块。 示例： ...
wordpress可视化设计器下插入高亮代码方法
weixin_34332905的博客
07-05 199
使用WordPress后台编辑器编辑文章时，常常需要插入程序代码，如何使插入的代码直观，易读呢？代码高亮显示是种不错的方法。在可视化设计模式下直接插入高亮代码而无需切换到HTML模式下，该如何操作呢？通过本教程，您会发现插入高亮代码是如此简单，又可随意切换可视化和HTML设计器。 首先我们需要安装两个插件wp-syntax和wp-syntax button。如果不会安装可以查看小风草堂的教...
4款用户喜欢的WordPress代码高亮插件推荐
互联网那些事儿
10-15 1325
我们在编辑网站文章的时候如果有涉及到代码的内容部分，展现效果好看的肯定是需要用到代码格式化的样式。对于我们如果会自定义代码样式的可以单独套用一个自定义的小工具实现。对于大部分朋友希望自动化设置的，可以直接安装 WordPress 代码高亮插件。在这篇文章中，老乐准备4个用户选择多的且已知在迭代更新的 WordPress 代码高亮插件。
wordpress语法说明
张子航的博客
08-07 1140
** 基本wp语法 ** 1.调取后台导航栏 <?php wp_nav_menu(array('menu' => 'nav', 'menu_class' => 'ds-02', 'container' => '', 'container_class' => 'ds-01', 'items_wrap' => '%3$s'));?> **参数说明：**menu的值为导航栏名称 2.调取Header <?php get_header();?> 3.调取
无冲突的为您的WP网站引入代码高亮-多风格、多功能、多语言支持
weixin_49615086的博客
06-25 510
大部分技术型博客都有使用代码高亮，以便于访客能过更好的看清所写的代码，但往往很多时候，所使用的代码高亮插件总是与主题、插件冲突，本站之前也使用过代码高亮插件，发现其在前端的编辑器上不兼容，会报错。因此，寻觅之下，发现了prism.js这个代码高亮的实现方法。 本期将在WordPress实现该操作，需要实现的功能为：在需要代码高亮的时候，它亮，不需要的时候不加载。 /prism.js本身支持多平台，并不局限与WordPress，理论上...
实现WorkPress网站文章代码高亮显示
记录、总结
12-09 679
首先需要在WorkPress中下载WP Githuber MD，下载方法如下：插件—>安装插件—>右上角搜索框输入WP Githuber MD—>下载该插件。 有了插件后，在插件—>已安装插件中找到WP Githuber MD—>设置WP Githuber MD的属性。选中模组，打开代码高亮highlight.js，随后可在布景主题中选择自己喜欢的代码高亮风格。这个插件提供了很多种类的代码高亮风格，可满足不同人的需求，感谢插件开发者。 最后关于WP Githuber MD这
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值