1
VitePress真是太好用了

VitePress 主题色

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

创建插件以实现首页文章的自动更新

创建 Vue 插件实现首页文章自动更新，自动识别新增文章并展示。该插件会扫描指定目录的文章，按日期或自定义规则排序，自动将最新或最重要的文章展示在首页特性区域，无需手动维护更新。:::tip在VitePress原版案例中，首页三个文本框由features定义，仅能实现静态文...
阅读全文
3
VitePress真是太好用了

嵌入音乐播放器

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

嵌入视频播放器

创建 BiliVideo 插件，实现在 VitePress 页面中嵌入播放 B站视频。通过 Vue 组件封装 B站视频链接，可以直接在文档中插入视频内容，支持响应式布局和自定义播放器样式，提升文档的丰富度和可读性。受到官方文档关于如何搭建团队页面的教程启发，自己捣鼓了一个B...
阅读全文
5
VitePress真是太好用了

最后编辑时间

启用 lastUpdated 配置，在文章末尾显示上次 Git 提交时间。VitePress 会自动读取文件的 Git 历史记录，在页面底部显示最近更新时间，帮助读者判断内容的时效性和新鲜度。在文章末尾显示上次更新时间。VitePress通过读取每个文件最近一次 Git 提...
阅读全文
PAGE 6 / 8