WordPress设置语法高亮

最新推荐文章于 2023-02-23 14:40:40 发布
最新推荐文章于 2023-02-23 14:40:40 发布
阅读量2.1k 收藏
点赞数
分类专栏： linux网络管理
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jefbai/article/details/19257557
版权

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


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


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


确实很漂亮哈！Over

 

jefbai
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
语法highlighter：WordPress插件，可轻松发布语法高亮的代码片段
02-05
轻松将语法突出显示的代码发布到您的WordPress网站，而无需进行任何修改。 如在WordPress.com上看到的。 支持新的古腾堡编辑器！ 区块开发工作流程 源代码位于src文件夹中。 运行npm install以安装所有必需的模块...
wp-Syntax wordpress高亮插件使用方法
09-29
安装并激活该插件之后，用户可以在文章编辑器中获得一个新按钮，该按钮能快速地将选定代码包装成带有语法高亮的格式。 对于描述中提到的“前些天在博客上安装了这款wp-Syntax插件，在使用的过程中遇到了不少问题，...
在WordPress网站上支持代码高亮（代码着色）
weixin_42077074的博客
10-26 4063
代码高亮（代码着色）就是指让代码中不同语句根据类别显示不同的颜色，从而增强可读性，而不是干巴巴一片黑色。我们可以通过Hightlight或Prism使网页支持代码高亮，在这里笔者使用了Prism Prism，即prism.js，是一个轻量级，可扩展的语法着色工具，可以让你的代码块中的代码颜色更丰富更好看（也就是“代码高亮”）。 原代码和经Prism代码高亮的对比图如下 Prism官网 https://prismjs.com/download.html 在Prism官网上自定义你的代码着色样式：着色主题
WordPress免插件实现代码高亮
夜澜静的博客
02-23 543
WordPress免插件实现代码高亮
5款WordPress代码高亮插件
wanguan2000的博客
11-05 973
5款WordPress代码高亮插件 本文为你介绍5款WordPress代码高亮插件。这些插件对于开发者很有用，他们经常会在博文中包含CSS、JS或其他语言的代码。通过使用以下插件，可以帮助更好地突出显示代码块。 1. CodeColorer 它有几种不同的主题可供选择。该插件的应用范围很广，适用于多种不同的语言。这篇博客 用这款插件来高亮代码块。 示例： ...
12款最佳的 WordPress 语法高亮插件推荐
weixin_34409741的博客
04-11 331
　　语法高亮工具增强了代码的可读性，美化了代码，让程序员更容易维护。语法高亮提供各种方式由以提高可读性和文本语境，尤其是对于其中可以结束跨越多个页面的代码，以及让开发者自己的程序中查找错误。在这篇文章中，我们选择了12款最佳的 WordPress 语法高亮插件分享给大家，这将有助于你管理，美化和突出你的代码。 您可能感兴趣的相关文章 10大流行的 Metro UI 风格 Bootstr...
无冲突的为您的WP网站引入代码高亮-多风格、多功能、多语言支持
weixin_49615086的博客
06-25 392
大部分技术型博客都有使用代码高亮，以便于访客能过更好的看清所写的代码，但往往很多时候，所使用的代码高亮插件总是与主题、插件冲突，本站之前也使用过代码高亮插件，发现其在前端的编辑器上不兼容，会报错。因此，寻觅之下，发现了prism.js这个代码高亮的实现方法。 本期将在WordPress实现该操作，需要实现的功能为：在需要代码高亮的时候，它亮，不需要的时候不加载。 /prism.js本身支持多平台，并不局限与WordPress，理论上...
WordPress代码高亮插件CodeColorer汉化升级版
05-11
CodeColorer是一款基于GeSHi库的WordPress代码语法高亮插件。功能简单，使用方便，是一款比较轻量的插件。CodeColorer支持[cc lang="lang"]code[/cc]和<code lang="lang">code两种语法。 属性说明 属性列表如下,...
jQuerySyntax是一个JavaScript客户端语法高亮显示
08-09
2. **配置和初始化**：根据项目需求，配置 jQuery.Syntax 的选项，例如指定要使用的语法高亮规则，设置是否显示行号等。 3. **应用到代码元素**：使用 jQuery 选择器找到需要高亮的代码元素，并调用 `.syntax()` ...
[WordPress插件]代码高亮插件CodeColorer汉化升级版2012.5.27
05-27
CodeColorer是一款基于GeSHi库的WordPress代码语法高亮插件，功能简单，使用方便，是一款比较轻量的插件。 属性说明 属性列表如下,括号内是参数类型.string是字符串；integer是整数；boolean是布尔型(开关)，可...
WordPress代码高亮插件CodeColorer修改版
01-12
WordPress代码高亮插件CodeColorer修改版。虽然我很愿意把它介绍给大家，但是这款插件好久没有升级了，已经不兼容WordPress 3.3之后的版本了。这里我就直接放出我修改后的版本吧，喜欢的就下载使用吧。
wordpress可视化设计器下插入高亮代码方法
weixin_34332905的博客
07-05 140
使用WordPress后台编辑器编辑文章时，常常需要插入程序代码，如何使插入的代码直观，易读呢？代码高亮显示是种不错的方法。在可视化设计模式下直接插入高亮代码而无需切换到HTML模式下，该如何操作呢？通过本教程，您会发现插入高亮代码是如此简单，又可随意切换可视化和HTML设计器。 首先我们需要安装两个插件wp-syntax和wp-syntax button。如果不会安装可以查看小风草堂的教...
实现WorkPress网站文章代码高亮显示
记录、总结
12-09 553
首先需要在WorkPress中下载WP Githuber MD，下载方法如下：插件—>安装插件—>右上角搜索框输入WP Githuber MD—>下载该插件。 有了插件后，在插件—>已安装插件中找到WP Githuber MD—>设置WP Githuber MD的属性。选中模组，打开代码高亮highlight.js，随后可在布景主题中选择自己喜欢的代码高亮风格。这个插件提供了很多种类的代码高亮风格，可满足不同人的需求，感谢插件开发者。 最后关于WP Githuber MD这
wordpress语法说明
张子航的博客
08-07 956
** 基本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.调取
【建站笔记】：在wordpress博客文章中插入代码段并高亮显示
热门推荐
halftion
07-14 1万+
一直以来在wordpress发布文章的时候不管代码的显示格式，都是按普通的文章本格式来发布的，但是这样很不美观而且影响阅读,最近找到了一个CodeColorer插件，用起来不错，还可以调整配色风格，下面简单记录一下CodeColorer的安装及使用方法 1、安装 进入 wordpress后，选择左侧：插件–&gt;添加插件 进入安装插件页面。关键词输入CodeColorer，然后点搜索。在搜索...
wordpress语法
Asshead
01-03 416
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_
wordpress 文章中代码高亮显示（可视化插件）
小小程序员
05-02 1万+
1、安装插件 Pure highlightjs 下载地址：链接: https://pan.baidu.com/s/1bpD0reB 密码: 9tau 2、进入 WordPress 后台管理页面，上传插件，上传刚才下载的 ZIP 文件，然后安装。或者解压安装包，上传到插件目录，/wp-content/plugins/。 3、启用插件 安装完毕后，在已经安装的插件里启用 “Pure Hig...
wordpress使用markdown时采用prism进行代码高亮
编程浅谈
07-09 3366
背景：最近将博客的文章编辑器切换为markdown了，但是发现wordpress主题自带的css无法实现代码高亮，作为强迫症看着非常不舒服，遂想尽方法实现在markdown中实现代码高亮。 1.使用markdown编辑器 首先，你需要将wordpress自带的文章编辑器切换为markdown，这里需要安装markdown插件，几经对比，选择了WP Editor.md插件，一款可以实时预览的...
WordPress自动代码高亮
超超不会飞
10-20 1124
WordPress 自带的代码块是没有代码高亮的，我们可以通过安装插件，设置代码高亮。 因为都是使用 Markdown 写博客，再用 MWeb 发布到博客上，Enlighter 这种需要依赖谷腾堡编辑器插入额外模块的插件，就不太适合我了，虽然这个插件很强大，有兴趣的朋友可以尝试下。 我只能选择自动美化谷腾堡代码块的插件，我找到了 Code Prettify 这个简单的插件，直接安装，不...
wordpress代码高亮美化css
最新发布
06-13
2. **`.brush` 类**：针对不同编程语言（如`.brush-php`, `.brush-js`等），会有一个特定的语言类，用于应用语言特有的语法高亮规则。 ```css .brush { display: block; overflow-x: auto; white-space: pre-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值