代码块Mac风格

您所在的位置:网站首页 mac风格代码块 代码块Mac风格

代码块Mac风格

2023-09-16 21:19| 来源: 网络整理| 查看: 265

看到网上别人博客的代码块都是Mac风格+黑底,于是乎我也整一波,但是发现按照网上的来修改highlight_theme还是不得行,主要是网上的大部分是旧版的,跟现版本的配置文件有点出入,于是在看了一堆博客和分析报错原因后,我找到了实现的办法。

通过 樱井喵 的这一篇 博客 ,直接在 主题配置文件配置一下 codeblock.copy_button.style: mac就行了

12345copy_button: enable: true show_result: true # Available values: default | flat | mac style: mac

要实现上面代码块的样式,我们可以在站点目录\node_modules\highlight.js\styles里发现有许多中css样式(tomorrow-theme也在其中)

我们找到主题配置文件中的theme,把light和dark都改成上述文件夹里的某种样式就行了,我用的是tomorrow-night-bright,也就是本文代码块的样式。

123theme: light: tomorrow-night-bright dark: tomorrow-night-bright

不过这种会对小代码块也同样生效,暂时我还没找到方法,等待后面找到了我再进行一波更新。

在报错中我也找到了一个highlight.js的地址:站点目录\themes\next\scripts\events\lib\highlight.js



【本文地址】


今日新闻


推荐新闻


    CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3