search

halo-sigs / plugin-highlightjs

集成 highlight.js 为文章提供代码块高亮渲染
https://halo.run/store/apps/app-sqpgf
GNU General Public License v3.0
8 stars 5 forks source link

如何让代码块支持vue语言 #16

Open Zhuwenxue2002 opened 4 months ago

Zhuwenxue2002 commented 4 months ago

image 如题，如何让代码块支持vue格式的语言，或者说，这里的内容应该以什么样的格式填写

ruibaby commented 4 months ago

目前 highlight.js 是没有 Vue 语言的，所以暂时建议将 Vue SFC 的代码标记为 html，能够勉强兼容。

https://highlightjs.org/download

Zhuwenxue2002 commented 4 months ago

收到，因为我平时编写markdown的工具是typora ，它本身是支持vue的，让我错误的以为了他也能支持。

Zhuwenxue2002 commented 4 months ago

老大，我发现了一个可能有关于主题的bug，在这里一起跟你说一声。我的主题是Theme Oranges 104版本，halo时最新版2.15 。在使用默认编辑器编辑文章发布后，这个主题的大纲跳转是失效的，导航栏会显示# 后面没有任何东西。而使用ByteMD编辑时，则可以正常使用大纲跳转，#后接标题名字

Zhuwenxue2002 commented 4 months ago

还有，现在默认编辑器功能逐渐完善，可我以前的文章都是通过ByteMD编辑的，有什么方法可以批量的转换编辑器吗？

ruibaby commented 4 months ago

老大，我发现了一个可能有关于主题的bug，在这里一起跟你说一声。我的主题是Theme Oranges 104版本，halo时最新版2.15 。在使用默认编辑器编辑文章发布后，这个主题的大纲跳转是失效的，导航栏会显示# 后面没有任何东西。而使用ByteMD编辑时，则可以正常使用大纲跳转，#后接标题名字

这个问题建议向主题反馈，我没有在 Halo 2.15 复现这个问题，默认编辑器渲染的 html 结果是给 h 标签带了 id 的。

ruibaby commented 4 months ago

还有，现在默认编辑器功能逐渐完善，可我以前的文章都是通过ByteMD编辑的，有什么方法可以批量的转换编辑器吗？

暂时没有，也不太建议转换，可能会有一些格式问题。建议以前的文章就还是用以前的编辑器好了。

Zhuwenxue2002 commented 2 months ago

继续反馈： 找到原因了， 默认编辑器中复制进去的文章的分级标题不再是# 默认的markdown格式，而是一个红点开头的，所以主题的大纲跳转失效。 还有 代码高亮插件的赋值按钮存在，但复制功能失效