标签 VitePress 1.6.3 下的文章

H1标题颜色

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

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

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

创建音乐播放器组件，嵌入网易云音乐外链播放器，支持自适应宽度。相比官方提供的外链播放器，自定义组件可以更好地适配移动端和桌面端布局，修复了闪烁和发白等视觉问题。网易云官方提供一键生成外链播放器的服务，但是用起来有点麻烦，且小组件不能自...

创建 BiliVideo 插件，实现在 VitePress 页面中嵌入播放 B站视频。通过 Vue 组件封装 B站视频链接，可以直接在文档中插入视频内容，支持响应式布局和自定义播放器样式，提升文档的丰富度和可读性。受到官方文档关于如何...