Archive

作者: DoubleSpirit121

代码组

配置代码组的标签页样式,支持多语言代码切换展示。VitePress 的代码组功能允许在同一个代码块中切换不同语言的示例,通过自定义标签页样式,可以让代码组切换器更加美观和易用。将代码组改成Mac风格,三个小圆点在.vitepress/...
阅读全文

代码块

将代码块样式改为 Mac 风格,添加红绿黄三色窗口按钮。通过 CSS 样式覆盖,将 VitePress 的代码块顶部添加 Mac 系统的红绿黄三色圆形按钮,模拟 Mac 窗口外观,提升代码展示区域的视觉效果。将代码组改成Mac风格,三...
阅读全文

导航栏毛玻璃

导航栏添加毛玻璃(blur)效果,增强页面层次感和现代感。通过 CSS backdrop-filter 属性和半透明背景的组合,可以让导航栏呈现出模糊磨砂效果,使内容在滚动时更加清晰可见,同时增添页面的现代设计感。在theme/sty...
阅读全文

容器颜色

修改 tip、warning、danger 等容器的颜色主题,替换为美观配色。VitePress 内置的提示容器颜色可能不够美观,参考 VuePress/Hope 主题的配色方案,可以将提示框、警告框和危险框改为更加和谐的配色。在th...
阅读全文

引用颜色

自定义 Markdown 引用块(>)的颜色样式,美化引用内容展示。通过 CSS 样式调整,可以让引用块使用品牌色或更具设计感的配色方案,包括边框颜色、背景色和图标样式的定制。在Markdown中,我们常用的引用符号是>,...
阅读全文