One

主题

00:00:00
2025-03-102025-09-29博客搭建Teek
5030
24.5m
0

文章发布较早，内容可能过时，阅读注意甄别。

Teek待办事项 ​

任务待办 ​

目录 ​

[toc]

优先待办 ​

Teek@1.5.0-2025.9.23 待办清单：

  1. autoformatter插件默认支持rewrite（清空permalink、强制注入/一级前缀/随机uid）、支持文章封面功能（清空coverimg、强制注入coverimg）
  2. 二丫不算子 今日访问人数、今日访问量，昨日访问人数、昨日访问量 待集成到 站点信息；
  3. 侧边卡片栏 需新增 最新评论、 最近发布 模块
  4. 需求：强加密；（和微信登录绑定等）
  5. 代码优化、性能优化、动画优化

Teek-one存在问题：

1.无壁纸上划效果

2.f11后 依然显示打字机、博客名称

基本就这2个大问题[捂脸]

封面图制作 ​

大佬们，有没有类似的项目啊 coverview.1123588.xyz

image-20250929224824750

vp几乎给每个文档都生成一个js文件 这个有办法优化吗 ​

image-20250926071225799

image-20250926071240922

image-20250926071247752

image-20250926071305015

image-20250926071315292

云函数，仓库内直接访问，增量更新 ​

image-20250926064109421

vp图片插件 ​

image-20250926063902818

https://www.npmjs.com/package/@leelaa/vitepress-plugin-extended

image-20250926063932772

新的loading动画 ​

image-20250926063720033

image-20250926063732516

复制提示 待更新 ​

2025年9月26日记录。

image-20250926063449163

image-20250926063509295

文章页 顶部 背景大图 布局左右不居中 ​

2025年9月26日记录。

Hyde效果：

image-20250926063222474

image-20250926063235819

image-20250926063246546

One效果：

image-20250926063318580

打包时报错 ​

环境：

Teek@1.5.0-2025.9.23

基于作者Teeker的文档风开源库《vitepress-theme-teek-docs-template》

2025年9月24日测试

  • 报错现象

image-20250924061411430

  • trae回复

image-20250924061837583

  • docs\01.指南\10.使用\40.图标使用.md里存在的问题

在文件里搜索：vitepress-theme-teek/icons

image-20250924061926091

image-20250924061954828

  • 解决办法

把故障代码放在代码块里：

image-20250924062059057

  • 再次测试

还有报错：

image-20250924062238016

发现次md文件里还有大部分代码直接是放在正文里面的：

image-20250924062324893

这里再次修复下：

此时就OK了：

image-20250924062528463

打包后存在2个告警❗ ​

环境：

Teek@1.5.0-2025.9.23

基于作者Teeker的文档风开源库《vitepress-theme-teek-docs-template》

2025年9月24日测试

01.告警

image-20250924062620849

bash
iconfont.woff2?t=1755181778742 referenced in iconfont.woff2?t=1755181778742 didn't resolve at build time, it will remain unchanged to be resolved at runtime

iconfont.woff?t=1755181778742 referenced in iconfont.woff?t=1755181778742 didn't resolve at build time, it will remain unchanged to be 
resolved at runtime

iconfont.ttf?t=1755181778742 referenced in iconfont.ttf?t=1755181778742 didn't resolve at build time, it will remain unchanged to be resolved at runtime

02.告警

image-20250924062707555

希望群主的模板能同时支持博客风和文档风 ​

2025年9月24日更新

新接触teek的小白需求:

希望拉下来的库，运行起来，能和teek官网一样具有完全相同的功能和体验。（例如同时支持文档风和博客风，默认可以设置为博客风）

群主后面看下是否可以再优化下这个开源库。（不然小白想用博客风，又得倒腾老半天，也各种问题，模板的作用就是开箱即用）

最好是群主可以一个这样的开源库，足够权威，其他开源版，要么太花哨，要么代码各种冗余。

image-20250924100359450

模板存在的问题：

image-20250924100449555

image-20250924100502122

🚩 小伙伴认同+1😂

image-20250925062814443

希望支持强加密 ​

需求 ​

当前功能：

目前teek支持文章/站点登录，但是是弱加密，很容易被破解，希望能支持引入后端，支持强加密；

背景 ​

image-20250912062814830

image-20250912062828345

加密的场景 ​

image-20250912063200893

image-20250912063217513

案例：《前端开发实战派》 ​

（2025年6月9日记录）

  • 某个目录加密后有图片提示；
  • 支持强加密；
  • 也支持注册；

https://ebook.ruidoc.cn/topay.html

image-20250609121611323

image-20250609121621579

案例：《VitePress会员主题》 ​

（2025年7月31日收录）

https://vitepress.mosong.cc/

image-20250731193839542

案例：隔壁 thrix博客（前后端分离） ​

http://open.lkamh.fun:9001/article/14

image-20250912062847345

方案：微信验证码登录 ​

image-20250912062937509

方案：只有把文档内容保存在后端数据库，才可以加密 ​

image-20250912063101118

方案：可以用非对称加密，能防破解，但是改密码麻烦 ​

image-20250912063132934

image-20250912063233429

方案-eopages内置集成了云函数和数据库 可以实现加密 挺容易 ​

eopages内置集成了云函数和数据库 可以实现加密 挺容易

image-20250912063338362

image-20250912063355132

image-20250912063408216

image-20250912063422585

image-20250912063451248

image-20250912063536425

方案：强加密方法（忽略） ​

2025年9月10日记录。

https://astro.build/showcase/

image-20250910191750221

image-20250910191849764

image-20250912063312594

这个时间提示是不是最好取 最近更新时间 好一点呢？ ​

image-20250920074927203

image-20250920074950207

时光 友链 加一些label标识 ​

image-20250920074659248

浏览器搜索域名 带图片显示 ​

image-20250920074434275

当前有（）人正在访问我的站点 ​

image-20250918063136764

2025年9月18日提出。

https://blog.grtsinry43.com/

image-20250918063216007

rewrite模式下，即使在@fragment名录下也会生成侧边栏，除非手动指定 sidebar: false ​

image-20250917065340412

image-20250917065424081

首页欢迎语-天气-位置-舔狗日记（替换方案） ​

之前这个效果体验还是很不错的：

image-20250721121150067

image-20250917215640486

blog.elykia.cn

image-20250918064139375

二丫卜算子 ​

2025年9月15日

image-20250915202540264

eop云函数 ​

https://edgeone.cloud.tencent.com/pages/document/185234005644472320

image-20250915201815483

image-20250915201837168

image-20250915201853716

image-20250915201954541

image-20250915202015502

image-20250915202035083

用腾讯edgeone边缘函数搭建的随机图片api ​

https://img.cxcare.top/

image-20250915202250017

image-20250915202345537

utools插件壁纸 ​

image-20250915202453249

升级twikoo ​

image-20250915202423649

ISR ​

image-20250915202116989

最新文章 卡片栏 实现 ​

image-20250915201711480

image-20250915201724850

最近评论 ​

image-20250917070054971

image-20250917070110358

分享带图文 ​

image-20250915201601604

eop可以托管node后台了 ​

image-20250913082036957

eop 压缩zip ​

image-20250913080919278

群主 的想法 ​

image-20250913104459838

image-20250913104547506

Teek待优化-css ​

image-20250913083419816

轮播图 ​

image-20250912064217454

希望Teek文章 也支持 图片全屏轮播，体验不错 ​

2025年9月11日提出。

  • 效果

demo网站：https://zola.onedayxyy.cn/

image-20250911224037390

image-20250911224111445

壁纸api ​

image-20250910193656880

https://random.dl-web.top/

image-20250910201929364

需求-我的主题 社交图标没对齐 ​

  • 问题

我的主题 社交图标没对齐

得把footer上面那4个社交图标给去掉。。。

image-20250910192059599

image-20250910192112576

hyde得都没问题：

image-20250910192209947

💡需求-这个文章 提示 能否以 最新更新更新时间为主呢？ 才更合理呢。 ​

2025年9月8日 提出。

image-20250908202740358

image-20250908202802846

teek rewrite模式下搜索存在问题 ​

teek rewrite模式下搜索存在问题 ​

配置的是algolia搜索，记得之前proxy模式下 algolia搜索都是正常的哇。。。；

image-20250908055857026

image-20250908055904028

teek rewrite模式下melisearch搜索无法爬取，一直报错 ​

报错现象：

image-20250908060141933

sitemap.xml内容：

image-20250908060038745

这里也改了哇：

image-20250908060113040

随后，我用群主的默认docs-temoplate/zola博客 做测试，都是没问题的，可以正常爬取。

image-20250908060229736

docs-template sitemap.xml

image-20250908060733583

zola sitemap.xml

image-20250908060303143

melisearch报错-docs-template模板 ​

image-20250908060851925

image-20250908060908074

搜索问题-词向量的检索一直是个挑战🛑 ​

2025年9月8日记录

  • 问题现象

image-20250908055443439

image-20250908055503089

image-20250908055523623

image-20250908055532776

image-20250908055544857

  • 回答

image-20250908055605113

image-20250908211212060

image-20250908211232286

image-20250908211308593

image-20250908211324678

📌

image-20250908211636310

image-20250908211649124

Fuse.js：打造极致模糊搜索体验 ​

https://my.oschina.net/emacs_b40efbc/blog/11220449 基于 Fuse.js、Vue.js 与 JS 闭包的深度融合搜索 https://www.jb51.net/javascript/313000abq.htm vue中轻量级模糊搜索fuse.js https://www.cnblogs.com/ljbguanli/p/18919497 Fuse.js：打造极致模糊搜索体验 可以研究一下这个搜索，集成一下 fusejs 听说这个插件只有12kb大小 试了一下，没挑出毛病，搜索能力很强 绝对页界王者 https://www.fusejs.io

image-20250910191630609

🍀超级丝滑的页面滑动效果 ​

https://lisir.me/ 基于vitepress https://www.vvhan.com/article/Lenis-in-Astro 基于Astro

的确，这2个主题的页面滑动起来很丝滑，可以考虑给咋teek抄过来。

2025年9月5日记录。

image-20250905080549349

https://lisir.me/ 基于vitepress ​

image-20250904193225727

https://www.vvhan.com/ 基于Astro ​

滚动起来很丝滑

2025年8月26日 威威发现

https://www.vvhan.com/article/Lenis-in-Astro

image-20250826210809522

  • 效果

image-20250826210829371

bug-文章数量 和 不显示在首页 情况 ​

时光友链的 2个问题 ​

01.可以让 这个友链组件 也支持 右上角 弄个备注，会友好些

image-20250904192158124

image-20250904192207693

image-20250904192211749

02.居中

image-20250904192232999

image-20250904192249665

image-20250904192258011

twikoo-无服务器部署 vercel 钉钉通知 ​

image-20250828052045476

待处理-cnb algolia配置 ​

image-20250827204845781

image-20250827204852691

5级目录时permalink失效问题 ​

image-20250827181856107

待优化-壁纸背景为白色存在的问题 ​

另外，这个壁纸背景为白色的，导航栏文字，feature的文字，都看不清了。 感觉🉐再优化下，要么换壁纸，要么加代码优化[捂脸]

image-20250824061132997

Teek彩带体验不如vdoing ​

提出问题

bash
teek最近实现的彩带使用下来感觉体验还是不如vdoing，彩带会影响阅读文章体验的，群主可以看看之前你说的“两层背景，一个灰底，一个文章页白底，然后彩带就在灰底之上，白底之下”，这个teek能实现不，效果会好很多。

vdoing彩带效果：https://wiki.onedayxyy.cn/

没彩带的话，网站/文章 界面 会显得太过单调，但是有了彩带后，彩带要不能穿透文章正文的，不然会影响阅读文章时专注度的。

vdoing彩带效果：

image-20250515212428613

Teek彩带效果：

image-20250515212441491

测试过程

image-20250515213427274

主题面板用第四个尺寸（文档有点窄，不灵活）

image-20250515213144980

image-20250515213201178

image-20250515213042164

自己测试的实际效果：

image-20250515212926470

image-20250515212937016

image-20250515213237160

image-20250515213252702

主题面板用第3个尺寸（彩带体验不太好，直接穿插出去了）

image-20250515212441491

图片点击再返回 ​

image-20250920080230154

首页文章 宽度填充问题 ​

2025年8月24日测试。

  • 问题现象

image-20250824060125231

image-20250824060130212

image-20250824060135747

image-20250824060215339

image-20250824060238996

image-20250824060306172

image-20250824060337082

image-20250824060342186

image-20250824060414927

image-20250824060422444

image-20250824060435861

image-20250824060446084

文章封面-不是随机排序-而是按图片顺序赋值 ​

这段代码，是把指定图片随机作为文章封面。能不能改下代码，把随机修改为按图片顺序给文章添加封面？

不然很容易造成相邻博客的封面图一样，有点丑。

image-20250819072457410

面板支持多种颜色 ​

image-20250819072108258

Teek支持 全文搜索meilisearch ​

image-20250316093223649

image-20250316093249974

之前vdoing的时候，用的是 https://github.com/meilisearch/vuepress-plugin-meilisearch 这个插件

https://wiki.eryajf.net/pages/dfc792/

image-20250316093337274

文章右侧目录具有展开/收缩小按钮 ​

案例：typora风格 ​

例如这个效果：

image-20250719094456217

案例-https://blog.grtsinry43.com/ ​

2025年9月11日记录

https://blog.grtsinry43.com/posts/hands-on-vue-docs

image-20250911224607910

视频效果：

文章右侧目录可以往宽拉伸 ​

（vp不支持🤣）

  • 2025年5月14日记录

image-20250514195803012

2025年3月18日记录。

  • 需求

如果文章目录的这个竖线能手动拉宽的话就更好了哈哈，不然文章目录是啥都不知道

image-20250318211449322

image-20250318211437111

空模板 ​

image-20250813064258924

用自建不算子替换51la ​

2025年7月21日提出。

  • 需求

image-20250721121002571

image-20250721121008149

image-20250721121019560

赞赏风格 ​

案例：蘑菇社区 ​

image-20250815054654608

案例：HEO ​

https://blog.zhheo.com/

image-20250815054702385

回到顶部小火箭 风格待改进 ​

案例：《记得勇敢 写的代码》

https://vp.xiaoying.org.cn/pages/47a27c 2025年7月31日记录

image-20250731194240252

image-20250731194510513

代码块里代码 切换自动换行按钮 ​

image-20250316063852782

image-20250316063910950

https://hydoc.netlify.app/docs/Blog/tutorial/Ruyu-Blog/###14部署rabbitmq

image-20250316064139472

image-20250316064448824

image-20250316064456990

image-20250316064503920

image-20250316064510404

长代码确实需要这个

image-20250920075218574

image-20250920075236054

移动端，这个箭头和文字也重合了 ​

2025年7月19日提出。

image-20250719122123704

image-20250719122057694

这个gg2提交后，怎么不能直接生成封面图呢？ ​

问题：这个gg2提交后，怎么不能直接生成封面图呢？ 需要执行下td才行。

推手送后：

footer下的图标风格得统一下 ​

  • 问题

2025年7月22日提出。

footer下的图标也得统一下，现在这风格都不一致

image-20250722180122795

image-20250722180128031

文章开头ai自动输出本文摘要功能 ​

案例-张洪Heo （2025年7月25日记录）

https://blog.zhheo.com/p/v4jy226i.html

相册 ​

案例-张洪Heo ​

https://plog.zhheo.com/

音乐 ​

案例-张洪Heo ​

https://music.zhheo.com/?id=8668419170&server=tencent

鼠标新样式 ​

  • 案例

https://note.noxussj.top/?s=y6

image-20250318211648094

好看的导航页(rainbow渐变色) ​

  • 需求

https://yiov.top/guide/

image-20250316065736822

image-20250316065753411

自己模板的rss/优化 待配置 ​

需要从hyde模板里拿取。

2025年6月9日记录。

案例：

效果：

image-20250609211631965

文档：https://teek.seasir.top/Rss

image-20250609211704131

image-20250609211819877

typora和teek渲染后换行不一致问题 ​

存在问题

2025年7月19日提出。

还有个问题，typora里能正常显示换行内容，但是teek渲染后的页面，这些换行都没了，对用户不太友好。记得其它类型的静态构建站点都是一样的现象，这个有办法和typora里的换行保持一致吗？

image-20250719111925499

image-20250719111931463

image-20250719111936625

Teek性能优化、代码优化、细节优化、动画优化 ​

构建耗时 ​

警告

VitePress打包542篇md 快耗时5min，也挺久的……没更快的方法了嘛？

image-20250315101653536

支持按需引入组件 ​

🍊群主回答：支持按需引入组件

并行打包参数 ​

🍊并行打包参数

image-20250315102056587

image-20250315102125176

image-20250316091742860

image-20250316091800514

最近更新