快捷菜单
常用功能一站直达
更多功能请点顶栏「快捷菜单」
在 Teek@1.5.0-2025.9.23 版本上测试
自己的开源库《vitepress-theme-teek-one》 –(克隆自 作者Teeker的文档风开源库《vitepress-theme-teek-docs-template》)
2025年9月26日测试
得把首页彩带给下线掉,这个彩带体验远远不如vdoing里的彩带。

编辑docs\.vitepress\theme\components\TeekLayoutProvider.vue文件:
更改前:
1const watchRuntimeAndRibbon = async (layout: string, style: string) => {
2 const isHome = layout === "home";
3 const isDoc = [undefined, "doc"].includes(layout);
4 const isBlog = style.startsWith("blog");
5
6 // 博客类风格的首页显示运行时间
7 await nextTick();
8 if (isHome && isBlog) startRuntime();
9 else stopRuntime();
10
11 // 博客类风格的首页显示彩带 & 设置了 pageStyle 的文章页显示彩带
12 if ((isHome && isBlog && style !== "blog-body") || (isDoc && teekConfig.value.pageStyle)) startRibbon();
13 else stopRibbon();
14};
15
16watch(frontmatter, newVal => setTimeout(() => watchRuntimeAndRibbon(newVal.layout, currentStyle.value), 700), {
17 immediate: true,
18 flush: "post",
19});
20
21const handleConfigSwitch = (config: TeekConfig, style: string) => {
22 teekConfig.value = config;
23
24 setTimeout(() => watchRuntimeAndRibbon(frontmatter.value.layout, style), 700);
25};
26</script>
更改后:
1 // 关闭彩带背景,直接停止彩带
2 stopRibbon();
3
4 // 如果需要恢复彩带功能,可以注释上面一行,取消下面注释
5 // if ((isHome && isBlog && style !== "blog-body") || (isDoc && teekConfig.value.pageStyle)) startRibbon();
6 // else stopRibbon();
验证效果:(可以看到,彩带的确消失了,nice😉)

结束。
日历 · 精选 · 友链 · 更多
如果内容对你有帮助,欢迎请我喝杯咖啡 ☕



One的公众号
爱折腾博客的小白