mirai-mamori / Sakurairo

一个多彩、轻松上手、体验完善,具有强大自定义功能的WordPress主题(基于Sakura主题,支持简繁英日多语言)A Colorful, Easy-to-use, Perfect Experience, and Powerful Customizable WordPress Theme (Based on Theme Sakura. Support Simplified Chinese, Traditional Chinese, English and Japanese languages)
https://docs.fuukei.org
GNU General Public License v2.0
2.95k stars 353 forks source link

Highlight.js语言识别错误 #832

Closed zzzhxxx closed 8 months ago

zzzhxxx commented 8 months ago

注意,在报告之前请先确认:你已经清除过浏览器 / CDN 缓存;你没有修改过相关源代码;你已经在本仓库的issue中搜索确认了没有其他人提过了类似的问题。 在确定这的确是原项目中的问题之后,请删除这段文本,并继续报告。

问题出处:

代码块高亮

实际行为描述:

使用Markdown插入代码块时标注html语言却识别为Markup语言,并且控制台报错并没有Markup语言

预期的行为:

应正常显示html的高亮格式

复现步骤:

在文章中插入html代码块

配置与环境:

截图(若有)

image image image
github-actions[bot] commented 8 months ago

@zzzhxxx,感谢你给 sakurairo 提出了 issue。ヾ(≧▽≦*)o 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

KotoriK commented 8 months ago

先检查一下md转代码块的输出中是否有加入语言代码

zzzhxxx commented 8 months ago

先检查一下md转代码块的输出中是否有加入语言代码

加入了,在编辑器内的高亮是正常的

image
KotoriK commented 8 months ago

先检查一下md转代码块的输出中是否有加入语言代码

加入了,在编辑器内的高亮是正常的 image

检查一下你编辑器输出的HTML源代码,<pre><code>部分

zzzhxxx commented 8 months ago
image
KotoriK commented 8 months ago

那就很怪 因为你目前博客前端展示的HTML结构是和你现在给的编辑器的结构是不一致的

zzzhxxx commented 8 months ago

那就很怪 因为你目前博客前端展示的HTML结构是和你现在给的编辑器的结构是不一致的

编辑器似乎用的是primjs的高亮,这是否会是highlight.js自己的bug?或者说highlight.js的自动识别是忽略在md里已经标注过的语言类型的?

KotoriK commented 8 months ago

那就很怪 因为你目前博客前端展示的HTML结构是和你现在给的编辑器的结构是不一致的

编辑器似乎用的是primjs的高亮,这是否会是highlight.js自己的bug?或者说highlight.js的自动识别是忽略在md里已经标注过的语言类型的?

hljs有自动识别,prismjs没有,但是他们都共用同一套markup

KotoriK commented 8 months ago

现在的问题是前端输出的markup里边就把代码块标记为markup

KotoriK commented 8 months ago

我快速检查了下主题自带的markdown parser仅作用于评论,博文的md转换应该是由你的插件决定的。我现在倾向于认为这个是插件的问题。当然,如果真的是哪处屎山导致的请积极反馈,请你先做下测试看看吧

zzzhxxx commented 8 months ago

我快速检查了下主题自带的markdown parser仅作用于评论,博文的md转换应该是由你的插件决定的。我现在倾向于认为这个是插件的问题。当然,如果真的是哪处屎山导致的请积极反馈,请你先做下测试看看吧

好的,我换一个md插件试试

KotoriK commented 8 months ago

嗯 我记忆中直接写html markup的话是没有问题的

zzzhxxx commented 8 months ago

嗯 我记忆中直接写html markup的话是没有问题的

现在换用了WP Githuber MD插件,高亮功能恢复正常了,看来应该是插件的问题