WP Githuber MD代码块支持更多编程语言

已于 2023-03-06 00:20:45 修改
阅读量509 收藏
点赞数
分类专栏： wordpress 文章标签： 前端 javascript html
于 2023-03-06 00:20:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45477063/article/details/129353517
版权
本文介绍了如何让WordPress的Markdown编辑器WP Githuber MD支持更多编程语言的代码块插入，包括如何开启代码块样式，更新Prism库以支持Python等语言，以及详细的操作步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

前言

在之前的文章中我推荐过一款让wordpress中的markdown编辑器——WP githuber md。在使用的过程中，我发现该编辑器插入代码块不管你在设置中如何调整样式都无法应用（或者说是支持的语言很少）这篇文章就教大家如何让其支持更多代码的代码块插入。

WP Githuber MD开启代码块插入样式

ps：如果知道如何开启代码块样式的小伙伴可以直接跳过这一段。

点击设置，在点击WP Githuber MD进行设置

image-20230303160504613

点击模组打开prism.js

image-20230303160629902

滑倒最底下点击保存更改

image-20230303160701615

我们插入一段代码块进行测试

image-20230303160748536

查看文章

最低0.47元/天 解锁文章
多语言源代码
10-26
多语言操作类 测试程序 测试文件 需要用到的相关技术XML解析器
githuber-md：WordPress的Markdown编辑器插件
02-04
Markdown的WordPress编辑器插件 多功能的提供了多种功能，例如Markdown编辑器，实时预览，图像粘贴，HTML到Markdown帮助器等。 这个怎么运作 WP Githuber MD会将您的Markdown内容保存到wp_posts 。 post_content_filtered 。 将Markdown解析为HTML，将解析HTML内容保存到wp_posts 。 post_content 。 该插件将检测您的Markdown内容并决定要加载哪些脚本，以避免加载不必要的脚本。 例如，如果启用了syntax highlight ，则必须再次更新您的帖子才能生效。 演示版 G
在WordPress网站上支持绘制流程图、状态图、时序图、甘特图等图
weixin_42077074的博客
10-26 1823
是否日常为了频繁绘制流程图、状态图、时序图、甘特图等图而感到麻烦？我们可以通过一定的代码转换成这些图从而简化工作量 Mermaid，即mermaid.js，是一个用于画流程图、状态图、时序图、甘特图等图，使用JavaScript进行渲染的库 Mermaid样例代码和效果图如下 此处笔者在WordPress网站上将Mermaid融入进Markdown编辑中 在WordPress网站上支持Markdown可查看此篇 https://blog.csdn.net/weixin_42077074/article/
推荐一款超强的WordPress Markdown插件：WP Githuber MD
gitblog_00001的博客
05-20 1640
推荐一款超强的WordPress Markdown插件：WP Githuber MD 去发现同类优质开源项目:https://gitcode.com/ 在数字化内容创作的世界中，Markdown凭借其简洁易读的语法和广泛支持，已成为许多博主、开发者和内容创作者的首选标记语言。今天，我们向您推荐一个专为WordPress设计的强大Markdown工具——WP Githuber MD。它不仅是一个功能...
Docker系列 WordPress系列 安装WP Githuber MD
huangwb8的博客
05-04 479
转自我的个人博客https://blognas.hwb0307.com。欢迎关注！ 前言 经过Docker系列 WordPress系列 更新WordPress的使用，你已经初步地了解如何更新WordPress和插件。其实没什么特别，就是点进去更新嘛！ 可能你已经想要安装一个漂亮的WordPress主题了，但我建议你先不要这样做。先多看看WordPress的后台，对它蛮熟悉了再说！ 今天，我们要给WordPress安装一个插件以较好地支持Markdown！ 它就是WP Githuber MD。而且，我觉得.
wordpress之markdown插件-WP Githuber MD
Rm_and_Rf的博客
06-16 3764
前言：wordpress自带的有国外开发的经典编辑器和古登堡编辑器，虽然这两种编辑器可以满足平时网站发布文章的需要，但是毕竟不符合我们国人的习惯。如果你之前经常使用Markdown或者经常使用CSDN发布文章，并且已经离不开Markdown习惯的话，那么这款WP Githuber MD就非常适合你。下面我简单给大家介绍插件详情和如何使用： 安装插件 首先安装插件，登录后台、添加插件搜索并下载WP Githuber MD，也可以去官网的下载安装包WP Githuber MD，然后解压到plugin文件夹里面，
LeetCode题解多语言代码块Markdown写法
muzi_87的博客
02-11 414
…
MD代码块指定语言类型
geekswg
09-12 9582
MD代码块指定语言类型 使用方法 ```关键字 如 ```java ```java  private String demo; ``` private String demo; 代码类型关键字对应表 名称 关键字 调用的js AppleScript applescript shBrushAppleScript.js ActionScript 3.0 actionscrip...
wp-githuber-md.1.12.1.zip（wordpress 支持markdown写法插件）
12-22
使用wordpress时，一个让体验感变得不好的最大的问题就是编辑器，太不友好了，各种区块，写一篇文章能把人累坏。 如果我们能让编辑器支持markdown写法，无疑写起文章来会更加得心应手，这里分享个markdown插件，支持最新版wordpress 5.3。 使用方法： 1、将插件解压后，上传到/wp-content/plugins下面， 2、访问后台插件页面 - 你的网址/wp-admin/plugins.php， 3、启用该插件，这个插件的名字叫做 WP Githuber MD，点击启用即可。
md编辑器哟 实现苹果风格的代码块
最新发布
qq_44534541的博客
01-24 1331
如果你使用的 Markdown 编辑器支持自定义 CSS 样式（如 Typora、Obsidian 等），可以通过修改 CSS 文件来实现苹果风格的代码块。如果你需要简单的代码块，使用 Markdown 原生语法即可。如果你希望实现苹果风格，可以通过自定义 CSS插件/主题或在线工具来实现。如果需要高亮代码，可以使用或Prism.js。希望这些方法能帮助你实现苹果风格的代码块效果！
Markdown 代码块语言申明
rotciv的博客
01-19 2719
markdown中可以用```{code}```来展示代码片段。为了方便阅读，一般在首行注明代码语言类别，便于编辑或预览进行渲染。例如一些编辑器插件，如Markdownlint，没有语言类别也会出现检查提示，因此有必要注明语言类别。一下使代码语言名称及其申明代码，内容摘自。常见的语言都可以用文件扩展名代替。
markdown操作--如何在引用块内添加代码块
热门推荐
amosC's
10-14 1万+
直接先给预览,再给代码. 这是第一层 第二层嵌套 <!--这是多行代码输入的地方,下面是例子--> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"
可以使用以下方式在Markdown中创建代码块
BLOG域名:programb.blog.csdn.net
05-13 2838
如果你要创建一个多行的代码块，你需要在每行代码的前后都加上三个反引号。你也可以在开始的三个反引号后面加上语言名称来指定高亮。
wordpress支持Markdown
hibugs
06-15 2084
拒绝重复劳动力！一次编写，多平台上传。提高写博客效率！
记录WordPress安装后我常用的插件
冰之杍的博客
07-22 567
WordPress安装后我常用的插件。
Prism.js 教程：语法高亮工具入门及实践
gitblog_00729的博客
08-10 629
Prism.js 教程：语法高亮工具入门及实践 项目地址:https://gitcode.com/gh_mirrors/prism/Prism 1. 项目介绍 Prism.js 是一个轻量级且易于使用的语法高亮库，适用于HTML5中的代码片段。它具有直观的语言类，核心文件只有2KB（已压缩并gzip），并且支持多种语言扩展，主题大约1KB。Prism.js 支持Web Worker进行并行处理，允...
MarkDown学习基本语法记录
JohnZhang0402的博客
07-26 2116
在学习MarkDown之中的基本语法的一些总结。
Markdown入门
&&的博客
04-23 613
一.常用软件-typora 由于最新版本需要付费使用，可以下载旧版本来免费使用。 旧版typora下载传送 新建文本文件，将后缀名改为md即可 在typora中按住Ctrl+/就可以得到源码，再按一下就可以恢复 该篇主要针对CSDN和typora中的Markdown编辑器 二.代码块语法 typora中：输入三个漂号(不是单引号)然后输入要打的语言(漂号在键盘左上角Esc正下方) 注意：必须是英文状态下的三个漂号 '''java '''python '''c CSDN中的Markdown编辑器： '''j
纪念下备考CCIE
qq_20507499的博客
09-02 540
@1397968799 19年9月2号晚，备考IE第10天，从8月20号决定考试至今，已经十天。 FOR CCIE ，I FIGHT! 加粗：Ctrl/Command + B 斜体：Ctrl/Command + I 标题：Ctrl/Command + Shift + H 无序列表：Ctrl/Command + Shift + U 有序列表：Ctrl/Command + Shift + O 检查列...
wordpress 使用了 WP Githuber MD编辑器，如何使正文图片居中
09-11
在WordPress中使用WP GitMD编辑器时，若想让正文图片居中显示，你可以按照以下步骤操作： 1. **添加HTML代码**：直接在Markdown编辑器里插入HTML标记，使用`<img>`标签，并添加`style="display: block; margin: 0 auto;"`属性来设置图片居中。例如： ``` ![](image-url.jpg) ``` 变成： ```html <img src="image-url.jpg" style="display: block; margin: 0 auto;"> ``` 2. **利用短代码**：有些主题支持自定义短代码，你可以查找是否有类似“center_image”或“align-center”的短代码，将其包围在图片链接周围。 3. **安装插件**：如果编辑器本身不支持，可以考虑安装一个支持Markdown样式或者提供居中功能的插件，如Simple Shortcodes等。 4. **CSS样式调整**：如果你有权限修改主题的CSS，可以在适当的地方添加`.wp-github-markdown img`选择器，然后设置`text-align: center`来居中图片。 记住保存更改并预览页面确认效果。如果遇到问题，可以在主题选项、插件设置或GitHub Markdown文档的帮助中寻找更多指导。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值