跳到主要内容

得把首页彩带给下线掉

最后更新于:

得把首页彩带给下线掉

环境

Teek@1.5.0-2025.9.23 版本上测试

自己的开源库《vitepress-theme-teek-one》 –(克隆自 作者Teeker的文档风开源库《vitepress-theme-teek-docs-template》)

2025年9月26日测试

需求

得把首页彩带给下线掉,这个彩带体验远远不如vdoing里的彩带。

image-20250926060813828

配置

编辑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>

image-20250926142724858

更改后:

1  // 关闭彩带背景,直接停止彩带
2  stopRibbon();
3
4  // 如果需要恢复彩带功能,可以注释上面一行,取消下面注释
5  // if ((isHome && isBlog && style !== "blog-body") || (isDoc && teekConfig.value.pageStyle)) startRibbon();
6  // else stopRibbon();

image-20250926202719773

验证效果:(可以看到,彩带的确消失了,nice😉)

image-20250926202756838

结束。

最新文章

文档导航