Archive

标签: VitePress 1.6.3

导航栏毛玻璃

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

容器颜色

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

引用颜色

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

彩虹背景动画

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

去除链接下划线

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