DoubleSpirit121 发布的文章

彩虹背景动画

添加彩虹渐变背景动画效果，为首页增添动态视觉体验。参考 UnoCSS 官网的动画效果，通过 CSS 动画和渐变背景的结合，让首页标题或图片区域呈现出流动的彩虹色彩，增强站点的活力和吸引力。在 UnoCSS 首页中，它的hero标题和图...

通过 CSS 去除 Markdown 链接的默认下划线，提升页面美观度。VitePress 默认会给链接添加下划线，有时会影响视觉体验，通过简单的 CSS 规则可以移除下划线，让链接看起来更加简洁现代。我们在var.css中添加下面代...

修改 H1 一级标题的颜色样式，打造个性化的页面标题视觉效果。通过 CSS 选择器覆盖 VitePress 默认的标题样式，可以将 H1 标题改为品牌色或其他醒目颜色，增强页面的品牌识别度和视觉层次感。最简单的修改就是，比如改成红色/...

通过 var.css 配置 VitePress 主题色，定制网站整体配色方案。VitePress 使用 CSS 变量定义主题色，通过覆盖默认变量值，可以轻松修改网站的主题色调、品牌颜色和深色模式配色。在theme目录下新建style文...

创建 Vue 插件实现首页文章自动更新，自动识别新增文章并展示。该插件会扫描指定目录的文章，按日期或自定义规则排序，自动将最新或最重要的文章展示在首页特性区域，无需手动维护更新。:::tip在VitePress原版案例中，首页三个文本...