1 VitePress真是太好用了 2025-08-27 容器颜色 修改 tip、warning、danger 等容器的颜色主题，替换为美观配色。VitePress 内置的提示容器颜色可能不够美观，参考 VuePress/Hope 主题的配色方案，可以将提示框、警告框和危险框改为更加和谐的配色。在theme/style新建custom-bl... 阅读全文
2 VitePress真是太好用了 2025-08-27 引用颜色 自定义 Markdown 引用块（>）的颜色样式，美化引用内容展示。通过 CSS 样式调整，可以让引用块使用品牌色或更具设计感的配色方案，包括边框颜色、背景色和图标样式的定制。在Markdown中，我们常用的引用符号是>，我们可以稍微改动一下在theme/sty... 阅读全文
3 VitePress真是太好用了 2025-08-27 彩虹背景动画 添加彩虹渐变背景动画效果，为首页增添动态视觉体验。参考 UnoCSS 官网的动画效果，通过 CSS 动画和渐变背景的结合，让首页标题或图片区域呈现出流动的彩虹色彩，增强站点的活力和吸引力。在 UnoCSS 首页中，它的hero标题和图片背景有类似彩虹的渐变色动画我们通过修改... 阅读全文
4 VitePress真是太好用了 2025-08-27 去除链接下划线 通过 CSS 去除 Markdown 链接的默认下划线，提升页面美观度。VitePress 默认会给链接添加下划线，有时会影响视觉体验，通过简单的 CSS 规则可以移除下划线，让链接看起来更加简洁现代。我们在var.css中添加下面代码就行了。/* var.css */ .... 阅读全文
5 VitePress真是太好用了 2025-08-27 H1标题颜色 修改 H1 一级标题的颜色样式，打造个性化的页面标题视觉效果。通过 CSS 选择器覆盖 VitePress 默认的标题样式，可以将 H1 标题改为品牌色或其他醒目颜色，增强页面的品牌识别度和视觉层次感。最简单的修改就是，比如改成红色/* .vitepress/theme/s... 阅读全文