One

主题

2025-06-26指南
2366
11.8m
Get...

Teek原版优化记录 ​

备注 ​

关闭看板娘、音乐播放器、背景彩带、404组件、下拉猫；

汇总

bash
Onedemo：https:Onedemo简约版：https:Hydedemo：https:teekdemo：https:---Teek~一款简约、唯美、丝滑、强大的VitePress主题（1）Teek简约版：（原作者模板）demo:https:模板：https:（2）Teek增强版：（One或Hyde模板）One：demo：https:模板：https:Hyde：demo：https:模板：https:---vitepress-theme-teek-one-private#增强版vitepress-theme-teek-one-public-simple#简约版---#主站测试版推送rsync.exe-avPzruh--delete--port8730--password-file=/cygdrive/d/vitepress-theme-teek-one-private/shell/password.txt/cygdrive/d/teek-version/03-One版本/03-02-One简约版-v2/docs/.vitepress/distroot@106.75.214.199::cmi-vitepress/rsync.exe-avPzruh--delete--port8730--password-file=/cygdrive/d/vitepress-theme-teek-one-private/shell/password.txt/cygdrive/d/vitepress-theme-teek-one-public-simple/docs/.vitepress/distroot@106.75.214.199::cmi-vitepress/cd/d/teek-version/03-One版本/03-02-One简约版-v2gitstatusgitpullgitadd-Agitcommit-m"update data"gitpushgitstatus

✅删除 反馈交流 ​

  • 默认

image-20250625192319521

  • 配置方法

注释次部分代码：

image-20250625192422636

  • 效果（OK）

image-20250625192443206

  • 存在问题（这里为什么还存在这个字段xxx）

重新运行下就好了！！！

image-20250625192649963

✅修复报错 ​

  • 默认是报错的

image-20250625214607555

  • 修复后

image-20250625214712755

✅配置默认风格为 博客卡片风格 ​

  • 当前

默认是文档风格

image-20250625193021810

  • 配置方法

编辑docs\.vitepress\theme\components\TeekLayoutProvider.vue文件：

ts
import{teekBlogCardConfig } from"../config/teekConfig";constcurrentStyle=ref("blog-card");constteekConfig=ref(teekBlogCardConfig);

image-20250625215722329

  • 验证（OK的）

image-20250625215807386

image-20250625215816142

✅修改标签页 首页 博客标题 ​

  • 默认

image-20250625215911679

  • 配置

image-20250626040733250

image-20250625221207185

image-20250625221231176

  • 配置后

image-20250625221310794

✅拷贝readme 和license文件过来 ​

  • 默认是没的

  • 拷贝过来

image-20250626042227817

  • 效果

image-20250626042243472

✅个人头像配置 ​

  • 当前

image-20250625221605223

  • 配置

编辑前：

image-20250626042456409

记得把img目录拷贝过来：

image-20250626042552176

编辑后：

image-20250626042622879

  • 效果

image-20250626042648501

✅更换为自己喜欢的壁纸 ​

  • 默认壁纸，只有那么几张，这里替换为自己喜欢的壁纸

  • 配置前

image-20250626043110958

配置后：

image-20250626043352894

✅关闭彩虹功能 ​

  • 默认是有彩虹功能的，为了简约，这里关闭彩虹功能

  • 默认

image-20250626043527067

  • 主要是这个文件

image-20250626044117530

  • 配置

image-20250626045557823

  • 效果

image-20250626045527984

✅首页尺寸得往大调整下 ​

image-20250626044814790

  • 配置

  • 效果

✅友情链接风格得调整下 ​

image-20250626044838419

  • 配置方法

编辑docs\.vitepress\config.ts文件：

ts
friendLink:{enabled:true,list:[{avatar:"/teek-logo-large.png",name:"vitepress-theme-teek",desc:"Teek官网",link:"https:},{name:"Teeker",desc:"朝圣的使徒，正在走向编程的至高殿堂！",link:"http:avatar:"https:},{avatar:"/img/website/hyde.ico",name:"Hyde Blog",desc:"人心中的成见是一座大山",link:"https:},{avatar:"https:name:"二丫讲梵",desc:"💻学习📝记录🔗分享",link:"https:},{avatar:"/img/website/sugarat.top-logo.jpeg",name:"粥里有勺糖",desc:"大佬，新颖，不错的VitePress主题",link:"https:},{name:"VitePress 快速上手中文教程",desc:"如果你也想搭建它，那跟我一起做吧",link:"https:avatar:"https:},{avatar:"https:name:"POETIZE",desc:"最美博客",link:"https:},{avatar:"https:name:"宇阳",desc:"记录所学知识，缩短和大神的差距！",link:"https:},{avatar:"https:name:"凿壁偷光不算偷",desc:"tk 道友",link:"https:},{avatar:"https:name:"极客兔 - 笔记站",desc:"一心创作优质内容",link:"https:},],limit:5,autoPage:true,pageSpeed:4000,titleClick:(router) =>router.go("/websites"),},

注释以下内容：

编辑docs\.vitepress\theme\config\teekConfig.ts文件：

ts
permalinkOption:{notFoundDelayLoad:1000,},autoFrontmatterOption:{exclude:{title:true,date:true},transform:frontmatter=>{if(frontmatter.coverImg) return;constlist=["https:"https:"https:"https:"https:"https:"https:"https:"https:"https:"https:"https:"https:"https:"https:"https:"https:"https:"https:];constcoverImg=list[Math.floor(Math.random() *list.length)];consttransformResult={...frontmatter,coverImg };returnObject.keys(transformResult).length?transformResult :undefined;},},},

image-20250626181739850

  • 效果

image-20250626181801332

✅让文章卡片的高度保持一致 ​

  • 问题

image-20250626181910913

  • 配置

docs\.vitepress\theme\style\var.scss文件：

css
.tk-post-item-card__cover-img.cover-img{cursor:pointer;height:190px;-o-object-fit:cover;object-fit:cover;transition:transform .4slinear;width:100%;}

image-20250626182329611

  • 效果

image-20250626182252613

✅卡片风格得跟随系统色变换、侧边滚动条颜色 ​

image-20250626045004878

  • 配置（这些文件）

image-20250626185053672

✅添加首页3个元素 ​

  • 默认没得

image-20250626185222275

  • 配置

image-20250626185335259

  • 效果

image-20250626185321944

个人图标数量缺少 ​

  • 当前

  • 配置

配置twikoo评论 ​

配置回到顶部提示、回到评论提示 ​

最近更新