惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

WordPress大学
WordPress大学
小众软件
小众软件
大猫的无限游戏
大猫的无限游戏
Last Week in AI
Last Week in AI
人人都是产品经理
人人都是产品经理
量子位
MyScale Blog
MyScale Blog
Vercel News
Vercel News
博客园 - 三生石上(FineUI控件)
罗磊的独立博客
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
F
Fortinet All Blogs
H
Help Net Security
博客园 - 司徒正美
Jina AI
Jina AI
V
V2EX
阮一峰的网络日志
阮一峰的网络日志
Apple Machine Learning Research
Apple Machine Learning Research
D
DataBreaches.Net
博客园_首页
Google DeepMind News
Google DeepMind News
U
Unit 42
云风的 BLOG
云风的 BLOG

Hyde Blog

Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog Hyde Blog
Hyde Blog
Hyde · 2025-10-05 · via Hyde Blog

隐藏横条 原创

创建 ​

  • Demo\docs-base\.vitepress\theme\style\文件夹中创建hidden.scss文件,并添加以下内容

md

.
├─ demo
│ ├─ docs-base
│ │ ├─ .vitepress
│ │ │ └─ config.mts
│ │ │ └─ theme
│ │     └─ style
│ │       └─ index.scss
│ │       └─ hidden.scss
│ └─ index.md
└─ node_modules

配置 ​

scss

/* .vitepress\theme\style\hidden.scss */
// /* 隐藏横条 */
// nav导航栏下菜单隐藏线
.VPMenuGroup {
  border-top: none !important;
}

.VPMenuLink {
  border-top: none !important;
}
// 页头横条隐藏线
.vp-doc h2 {
  border-top: none;
}

// 页脚横条隐藏线
.prev-next {
  border-top: none !important;
}

// 目录页横条隐藏线
.tk-catalogue__header {
  border-bottom: none;
}

// 移动端nav导航栏下隐藏线
.VPLocalNav {
  border-bottom: none !important;
}
  • Demo\docs-base\.vitepress\theme\style\文件中创建index.scss文件,并添加以下内容

scss

@use "./hidden.scss" as *; //隐藏横条

引入 ​

  • Demo\docs-base\.vitepress\theme\index.ts文件中引入以下内容

ts

// 引入Demo\docs-base\.vitepress\theme\style\index.scss全局样式
import "./style/index.scss";