jerryc127 / hexo-theme-butterfly

🦋 A Hexo Theme: Butterfly
https://butterfly.js.org
Apache License 2.0
7.06k stars 1.27k forks source link

[Feature]: 希望代码高亮支持 shiki #1554

Open mofan212 opened 3 weeks ago

mofan212 commented 3 weeks ago

想要的功能 | What feature do you want?

highlight 和 prismjs 提供的代码高亮太弱了,不知道大佬有没有想法支持 shiki

raykr commented 2 weeks ago

想要的功能 | What feature do you want?

highlight 和 prismjs 提供的代码高亮太弱了,不知道大佬有没有想法支持 shiki

@mofan212 已实现 Hexo 代码高亮换用 shiki 并支持双色主题

mofan212 commented 2 weeks ago

想要的功能 | What feature do you want?

highlight 和 prismjs 提供的代码高亮太弱了,不知道大佬有没有想法支持 shiki

@mofan212 已实现 Hexo 代码高亮换用 shiki 并支持双色主题

@raykr 这插件有个问题,遇到非内置语言会抛出异常,导致整个代码块渲染失败。 比如 Freemarker 对应的 ftl 就会抛出异常,在这种情况下,如果渲染成 plaintext 就好了

raykr commented 2 weeks ago

想要的功能 | What feature do you want?

highlight 和 prismjs 提供的代码高亮太弱了,不知道大佬有没有想法支持 shiki

@mofan212 已实现 Hexo 代码高亮换用 shiki 并支持双色主题

@raykr 这插件有个问题,遇到非内置语言会抛出异常,导致整个代码块渲染失败。

比如 Freemarker 对应的 ftl 就会抛出异常,在这种情况下,如果渲染成 plaintext 就好了

这个确实,我之前用的bash,Python都报错,必须改成shell,python才行

jerryc127 commented 1 week ago

主题还是做主题的事吧 添加第三方代码高亮 应该是通过插件去实现了 现有已经很多插件可以实现这个功能了

https://github.com/nova1751/hexo-shiki-plugin https://github.com/Pcrab/hexo-highlight-shiki https://www.npmjs.com/package/hexo-shiki-twoslash

或者你可以直接引入js文件 通过浏览器实时渲染