2025-11-08 博客 hugo-teek 13491 字 63 分钟 -- 次

已完成1

最后更新于: 2026-08-12 22:55:42

已完成

（已解决）侧边栏目录切换文件这个问题，目前体验很影响使用。特别卡，鼠标点击一次后好像都没反应，得用力点击2次。

2025年12月9日23:20:49

（已解决）（待测试）为啥新建md后，不执行start.bat，直接提交后cnb构建会报错

（已解决）移动端页面太窄

hugo-teek效果：

teek博客效果：

（已解决）首页移动端左边宽右边窄（很奇怪的一个bug）

（已解决）文章右侧目录高度可以直接铺满（目前效果看起啦有点难受）

hugo-teek效果：

teek效果：

（已解决）[toc]语法失效

（已解决）文章正文和文章名称之间建议还是放一条分割线把，显得更简洁

hugo-teek博客：

teek博客：

（已解决）最近几次为啥提交cnb后报错，得删除dist仓库才行

2025年12月6日记录。

ai回答：

（已解决）页面切换过度效果（得下架页面切换loading效果，teek也是下架了的）

2025年12月6日记录。

余温的hugo-teek博客：记得之前都弄过来了，后面不知道回退啥的，给弄没了。

时光：快速过度

群主：丝滑过度

时光效果：（teek主题）

时光笔记

teek群主：

https://notes.teek.top/

teek群主存在的问题：

群主那个效果跟无障碍有冲突，难关移动端分数起不来。

 1# Mizuki 3.2.2 动画修复记录
 2
 3## 问题概述
 4在Mizuki 3.2.2版本中，页面切换动画和波浪效果均失效，而3.1版本正常工作。
 5
 6## 修复过程
 7
 8### 第一阶段：页面切换动画修复
 9**问题原因：**
101. CSS优先级冲突 - 3.2.2版本中的复杂CSS选择器和`!important`规则覆盖了动画效果
112. Swup配置不完整 - 缺少`animationSelector`配置导致动画无法正确触发
123. 动画CSS优先级不足 - 动画样式被其他CSS规则覆盖
13
14**修复方案：**
151. **增强transition.css** - 为所有动画添加`!important`规则确保优先级
162. **完善Swup配置** - 添加`animationSelector: '.transition-swup-fade'`配置
173. **优化动画参数** - 调整动画延迟和持续时间，确保流畅性
18
19**具体修改：**
20- `src/styles/transition.css`：为所有动画样式添加`!important`
21- `astro.config.mjs`：添加`animationSelector: '.transition-swup-fade'`
22
23### 第二阶段：波浪效果修复
24**问题原因：**
253.2.2版本新增了无障碍支持功能，其中包含`prefers-reduced-motion: reduce`媒体查询，该查询会禁用所有动画效果，包括波浪动画。
26
27**问题文件：**
28- `src/styles/gallery.css` - 第399-404行
29- `src/styles/widget-responsive.css` - 第419-426行
30
31**修复方案：**
32为波浪动画添加例外规则，确保在减少动画模式下波浪效果仍然正常工作。
33
34## 技术分析
35
36### 关键差异文件
371. **transition.css** - 动画样式定义
382. **astro.config.mjs** - Swup配置
393. **gallery.css** - 新增的无障碍支持规则
404. **widget-responsive.css** - 减少动画模式设置
41
42### 根本原因
433.2.2版本在追求无障碍支持的过程中，过度限制了动画效果，导致波浪动画被意外禁用。
44
45## 后续建议
461. **选择性禁用动画** - 对于关键视觉效果（如波浪）应保持动画
472. **渐进式增强** - 确保核心功能在减少动画模式下仍然可用
483. **测试策略** - 增加不同辅助功能模式下的视觉测试
49
50## 验证结果
51- ✅ 页面切换动画已修复
52- ⚠️ 波浪效果待修复（需要添加例外规则）
53
54---
55*文档生成时间：2025-11-09*

（已解决）首页的小火箭图标再往右一点是否效果更好看点

（已解决）首页分类和标签的计数和实际文档数量不匹配

项目中实际有23个文档，但是线上首页的分类和标签计数均为 14个。

（已解决）文章右下角小火箭和到达评论图标大小不一致

（已解决）代码块依旧丢失了之前阅读更多风格；且复制代码后，会把行号也一起给复制下来

（已解决）teek博客的滚动条样式会好看些，可以考虑迁移过来

（已解决）支持鼠标滑动后粒子效果

（已解决）teek博客的小火箭和评论图标会好看些，可以考虑迁移过来

（已解决）移动端代码块第一行序号和内容有问题

（已解决）（额，hugo-teek回退出问题了）代码块阅读更多样式丢失

（已解决）（额，hugo-teek回退出问题了）文章url多了一个斜杠

（已解决）（额，hugo-teek回退出问题了）自动注入壁纸功能丢失

（已解决）（影响首页体验）另外如果使用本地静态壁纸的话，刷新后正常是秒载入的，为啥当前载入会有延迟，会有一个长达几秒的延迟动画

另外，如果使用本地静态壁纸的话，刷新后正常是秒载入的，为啥当前载入会有延迟，会有一个长达几秒的延迟动画

–当前hugo这一块刷新后，的确有很久的延迟，估计都1-3s左右的延迟了

手动刷新：立马切换到新随机壁纸自动切换新壁纸：淡入淡出效果

（已解决）（bug）首页文章卡片文字区域没外边界了

teek博客：

（已解决）（影响teek文档迁移）vp容器风格失效了

（已解决）（影响首页体验）首页个人信息卡片需优化得（尽可能让个人头像位于卡片正中心，会更友好些。）

2025年11月22日

尽可能让个人头像位于卡片正中心，会更友好些。

hugo-teek博客：

teek博客：

（已解决）（影响首页体验；提升性能）hugo-teek官网待下线壁纸api（损耗性能；首页刷新切换壁纸效果不如本地静态壁纸）

（已解决）（严重影响体验）hugo-teek页面切换之间延迟太大，给人一种卡顿的感觉（是loading动画加载时间过长？？）

（已解决）teek博客 f11壁纸屏保功能（待因此博客名称和打字机内容）

希望支持 teek博客 f11壁纸屏保功能

这个功能不错，可以弄过来哦。

（已解决）首页文章描述待改进

存在问题：当首页文章卡片描述内容超过2行时，会导致卡片文字区域变宽。与其它卡片无描述时不协调。

推荐做法：所有文章卡片的高度保持一致，封面区域高度保持一致，文字区域高度保持一致。（尽量让图片高度多一些，文字区域稍微窄些；）描述强制为1行，多余字符用省略号代替；

（已解决）首页刷新后无法立马切换到随机壁纸

teek博客刷新后，是可以立马切换到新壁纸的：

效果demo：https://onedayxyy.cn/

（已解决）希望md页面的url打开可以在空白页，目前是在原网页基础上打开的

teek博客默认是在新标签页打开网址的。这个才正常。

（已解决）网页刷新后会出现异常数据

存在问题：

（已解决）（重要）首页壁纸也得随机轮播，且具有动态由远及近效果

（希望和teek的效果保持一致）teek壁纸轮播效果很不错。

（已解决）希望hugo-teek的首页滑动效果更加丝滑

优秀的网站案例，待收集。

2025年11月17日20:09:43

刚试了下，hugo-teek目前首页鼠标滚轮体验下来的感觉，没teek丝滑，估计teek加了一些动画效果，等后期hugo-teek再优化下.
https://onedayxyy.cn/
https://hugo-teek.onedayxyy.cn/

案例：

https://lisir.me/ 基于vitepress

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

（已解决）网站导航移动端布局大小需自适应

存在问题：

teek博客效果：

（已解决）网站导航右侧目录摘要没能固定住，会随着页面滑动而往上滑动

（已解决）留言区（待实现）（常用功能）

https://onedayxyy.cn/about/liuyanqu

（已解决）归档页热力图加载延迟超大

（已解决）首页友链卡片里图片不可见及第二页友链填充满效果最佳（不然第二页是大片空白，不太友好）

（已解决）归档页（待实现）（常用功能）

待实现。

teek博客的归档页是OK的：

https://onedayxyy.cn/archives

（已解决）网站导航（待实现）（常用功能）

teek的网站导航风格待实现

https://onedayxyy.cn/about/websites

docs\90.关于\40.网站导航.md 内容

   1---
   2title: 网站导航
   3date: 2025-03-05 04:37:55
   4permalink: /about/websites
   5categories:
   6  - 关于
   7tags:
   8  - 网站导航
   9sidebar: false
  10article: false
  11comment: false
  12copyright: false
  13themeSize: wide
  14articleTopTip: false
  15articleShare: false
  16articleBottomTip: false
  17appreciation: false
  18---
  19
  20
  21<!-- index.md -->
  22<!-- 五彩纸屑组件 -->
  23<confetti />
  24
  25### 网站导航
  26
  27### 我的站点
  28
  29::: navCard
  30
  31```yaml
  32- name: One 
  33  desc: 明心静性，爱自己 
  34  img: https://img.onedayxyy.cn/images/xyy-logo.ico 
  35  link: https://onedayxyy.cn/
  36- name: 我的公众号
  37  desc: 公众号 
  38  img: https://img.onedayxyy.cn/images/wechat-gzh.jpg
  39  link: https://img.onedayxyy.cn/images/wechat-gzh.jpg  
  40- name: 我的csdn
  41  desc: csdn 
  42  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/hg-csdn.jpg
  43  link: https://blog.csdn.net/weixin_39246554?spm=1000.2115.3001.5343
  44- name: 我的知乎
  45  desc: 知乎 
  46  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/hg-zhihu.jpg
  47  link: https://www.zhihu.com/people/foryouone
  48- name: 我的b站
  49  desc: b站 
  50  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/hg-bzhan.avif
  51  link: https://space.bilibili.com/386795051
  52- name: 我的相册
  53  desc: 相册 
  54  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/hg-photo.avif
  55  link: https://photo.onedayxyy.cn/
  56- name: 我的微信
  57  desc: 微信
  58  img: https://img.onedayxyy.cn/images/image-20230107215114763-1694437284994-1-1697348761221-1-1697407921190-1-1697636582091-3-1698965093137-1.avif
  59  link: https://img.onedayxyy.cn/images/image-20230107215114763-1694437284994-1-1697348761221-1-1697407921190-1-1697636582091-3-1698965093137-1.avif
  60- name: 我的qq
  61  desc: qq 
  62  img: https://img.onedayxyy.cn/images/image-20240102205824.avif
  63  link: https://img.onedayxyy.cn/images/image-20240102205824.avif 
  64```
  65
  66
  67:::
  68### VitePress网站
  69
  70::: navCard
  71
  72
  73```yaml
  74- name: VitePress 
  75  desc: VitePress官网
  76  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress-logo-large-logo.svg
  77  link: https://vitepress.dev/zh/
  78- name: vitepress.yiov.top
  79  desc: VitePress中文教程 
  80  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress-logo-large-logo.svg
  81  link: https://vitepress.yiov.top/
  82
  83- name: 粥里有勺糖
  84  desc: 你的指尖,拥有改变世界的力量
  85  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/sugarat.top-logo.avif
  86  link: https://sugarat.top/
  87- name: 查尔斯的知识库
  88  desc: 专注 & 洞察 & 分享
  89  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/blog.charles7c.top-logo.avif
  90  link: https://blog.charles7c.top/
  91  
  92- name: 无名小栈
  93  desc: 大佬，新颖，不错的VitePress主题
  94  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/blog.imsyy.top-logo.avif
  95  link: https://blog.imsyy.top/
  96- name: 云雀Lark
  97  desc: 类似 无名小栈 风格网站
  98  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/cloudlark.cn.avif
  99  link: https://cloudlark.cn/
 100- name: Lumen Enhanced Theme
 101  desc: 集成 Vue 功能组件和主题美化的 VitePress 插件
 102  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/lumen.theojs.cn-logo.avif
 103  link: https://lumen.theojs.cn/
 104
 105
 106
 107- name: 罗磊的独立博客 
 108  desc: 首页文章卡片式风格
 109  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/luolei.org-logo.avif
 110  link: https://luolei.org/
 111- name: APP比比
 112  desc: 首页文章卡片式风格
 113  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/www.appbeebee.com-logo.avif
 114  link: https://www.appbeebee.com/ 
 115- name: 科技语者
 116  desc: 首页文章卡片式风格
 117  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/blog.uopy.top.avif
 118  link: https://blog.uopy.top/
 119- name: 星辰起点
 120  desc: 用飞书写博客,并自动部署
 121  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/feishu-vitepress.avif
 122  link: https://ftyszyx.github.io/feishu-vitepress/ 
 123  
 124  
 125  
 126- name: LeavesMC 文档
 127  desc: 体验不错的布局切换风格
 128  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/docs.leavesmc.org.svg
 129  link: https://docs.leavesmc.org/zh_Hans/
 130- name: leelaa blog
 131  desc: 多个有趣的元素，有趣的vitepress主题
 132  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/leelaa.cn-logo.avif
 133  link: https://leelaa.cn/
 134- name: 茂茂物语
 135  desc: 吾志所向，一往无前。
 136  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/notes.fe-mm.com-logo.avif
 137- name: Easy VitePress Blog
 138  desc: 好看的友链和开源项目风格
 139  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/example.zbwer.work-logo.avif
 140  link: https://example.zbwer.work/
 141- name: Sensei's 部落格
 142  desc: 有趣的vitepress主题
 143  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress-theme-bluearchive-logo.avif
 144  link: https://vitepress-theme-bluearchive.vercel.app/
 145- name: VitePress Sidebar功能强大的自动侧边栏生成器
 146  desc: 功能强大的自动侧边栏生成器
 147  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress-sidebar.cdget.com-logo.avif
 148  link: https://vitepress-sidebar.cdget.com/zhHans/
 149- name: vite-plugin-vitepress-auto-sidebar
 150  desc: 自动侧边栏插件
 151  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/vite-plugin-vitepress-auto-sidebar-logo.jpg
 152  link: https://github.com/QC2168/vite-plugin-vitepress-auto-sidebar
 153- name: Hello, sakura
 154  desc: 可爱又轻量的二次元博客主题
 155  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/flaribbit-logo.avif
 156  link: https://flaribbit.github.io/vitepress-theme-sakura/
 157- name: Vitepress Demo Plugin实时预览你的DEMO
 158  desc: 实时预览你的DEMO
 159  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress-demo.fe-dev.cn.svg
 160  link: https://vitepress-demo.fe-dev.cn/
 161- name: vitepress-plugin-51la
 162  desc: 为 VitePress 站点引入 51.la 的网站数据统计能力。
 163  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress-plugin-51la.ico
 164  link: https://github.com/ATQQ/sugar-blog/tree/master/packages/vitepress-plugin-51la
 165- name: nolebase
 166  desc: 记录回忆，知识和畅想的地方
 167  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/nolebase.ayaka.io-logo.svg
 168  link: https://nolebase.ayaka.io/zh-CN/
 169- name: dddssw'blog
 170  desc: 由 Vitepress，Vue，Gsap，Canvas 提供支持，集成 Algolia 等......
 171  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/dddssw.github.io-logo.jfif
 172  link: https://dddssw.github.io/blog/
 173- name: Vitepress Open17
 174  desc: 简单美观的博客主题
 175  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress.open17.vip.avif
 176  link: https://vitepress.open17.vip/  
 177
 178
 179
 180
 181- name: 友人A
 182  desc: vitepress博客
 183  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/niubin.site-logo.jpg
 184  link: http://niubin.site/ 
 185- name: 野宁新之助
 186  desc: vitepress博客
 187  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/www.sanghangning.cn-logo.avif
 188  link: https://www.sanghangning.cn/   
 189- name: 空荧酒馆
 190  desc: vitepress博客
 191  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/yuanshen.site-logo.avif
 192  link: https://yuanshen.site/docs/
 193- name: Yuque-VitePress文档站点解决方案
 194  desc: 语雀 + Elog + VitePress + GitHub Actions + Vercel 持续集成
 195  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress-logo-large-logo.svg
 196  link: https://yuque-vitepress.vercel.app/
 197- name: ZiuChen
 198  desc: 无限进步
 199  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/ziuchen.github.io.avif
 200  link: https://ziuchen.github.io/
 201- name: VitePress会员主题
 202  desc: 基于VitePress默认主题做扩展，实现部分内容会员可见，用于做知识付费文档网站。
 203  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress.mosong.cc.avif
 204  link: https://vitepress.mosong.cc/   
 205- name: 唯知笔记
 206  desc: 探索知识的无限可能
 207  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/note.weizwz.com.avif
 208  link: https://note.weizwz.com/
 209- name: LI SIR - 个人博客
 210  desc: 你的时间花在哪里，你的收获就在哪里
 211  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/lisir.me.avif
 212  link: https://lisir.me/
 213```
 214
 215
 216:::
 217
 218### VitePress插件
 219
 220::: navCard
 221
 222
 223```yaml
 224- name: vite-plugin-vitepress-auto-nav
 225  desc: 自动生成vitepress的nav与sidebar
 226  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/vite-plugin-vitepress-auto-nav.avif
 227  link: https://github.com/Xaviw/vite-plugin-vitepress-auto-nav   
 228- name: vitepress-plugin-lightbox
 229  desc: VitePress 插件增加了对在灯箱中查看图像的支持。
 230  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress-plugin-lightbox.jpg
 231  link: https://github.com/BadgerHobbs/vitepress-plugin-lightbox   
 232- name: markdown-it-link-to-card
 233  desc: 一个markdown-it插件，用于将页面链接转换为链接卡（其中包含有关链接的简要信息）。 插件增加了对在灯箱中查看图像的支持。
 234  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/markdown-it-link-to-card.jpg
 235  link: https://github.com/luckrya/markdown-it-link-to-card?tab=readme-ov-file  
 236- name: vitepress-auto-nav-sidebar
 237  desc: 自动生成vitepress导航栏和侧边栏配置
 238  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress-auto-nav-sidebar.avif
 239  link: https://github.com/Merlin218/vitepress-auto-nav-sidebar  
 240- name: 掘金-VitePress搭建文档博客系列
 241  desc: 从零开始教你用VitePress搭建个人博客，VitePress的实战使用说明
 242  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/7288992783581396992.avif
 243  link: https://juejin.cn/column/7288992783581396992 
 244- name: OhMyLive2D 看板娘
 245  desc: 高可自定义且开箱即用的 Live2D For Web 组件, 快速为您的个人网站加入Live2D看板娘
 246  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/oml2d.hacxy.cn.avif
 247  link: https://oml2d.hacxy.cn/
 248- name: www.live2d.com 看板娘
 249  desc: 可以直接对原图进行加工，做出2D的立体表现。角色展示魅力十足，引人入胜。
 250  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/www.live2d.com.avif
 251  link: https://www.live2d.com/zh-CHS/
 252- name: vitepress-plugin-rss
 253  desc: vitepress可用的rss插件
 254  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress-plugin-rss.avif
 255  link: https://github.com/ATQQ/sugar-blog/blob/master/packages/vitepress-plugin-rss/README-zh.md
 256- name: VitePress Plugin Ext
 257  desc: 增强 VitePress 的功能与用户体验
 258  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress-ext.leelaa.cn.avif
 259  link: https://vitepress-ext.leelaa.cn/
 260```
 261
 262
 263:::
 264
 265### 动静分离博客
 266
 267::: navCard
 268
 269
 270```yaml
 271- name: POETIZE
 272  desc: 这是一个 Vue2 Vue3 与 SpringBoot 结合的产物～(最美博客原作者)
 273  img: https://img.onedayxyy.cn/images/POETIZE-logo.jpg
 274  link: https://poetize.cn/ 
 275- name: 宇阳
 276  desc: 记录所学知识，缩短和大神的差距！
 277  img: https://img.onedayxyy.cn/images/image-20250220073534772.avif
 278  link: https://liuyuyang.net
 279- name: Grtsinry43’s Blog
 280  desc: 总之岁月漫长，然而值得等待 
 281  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/blog.grtsinry43.com.avif 
 282  link: https://blog.grtsinry43.com/
 283- name: 小张的个人博客
 284  desc: 为什么每天不能睡25个小时啊
 285  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/mrzym.top.avif 
 286  link: http://mrzym.top/
 287- name: Ruyu-blog
 288  desc: 生活想要活埋了我，不料我是一粒种子
 289  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/Ruyu-blog.avif 
 290  link: https://www.kuailemao.xyz/
 291- name: 张洪Heo
 292  desc: 分享设计与科技生活
 293  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/blog.zhheo.com.avif 
 294  link: https://blog.zhheo.com/
 295- name: Naccl's Blog
 296  desc: 愿你有一天能与你最重要的人重逢
 297  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/naccl.top.jpg
 298  link: https://naccl.top/
 299- name: 蘑菇博客
 300  desc: 蘑菇社区
 301  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/www.moguit.cn.avif 
 302  link: https://www.moguit.cn
 303- name: 崔亮的博客
 304  desc: 运维开发大佬
 305  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/www.cuiliangblog.cn.avif
 306  link: https://www.cuiliangblog.cn/
 307- name: 互联网运维技术分享
 308  desc: 本站由Django慢慢驱动
 309  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/starsl.cn.avif
 310  link: https://starsl.cn/
 311```
 312
 313:::
 314
 315### 静态站点构建器(ssg)
 316
 317::: navCard
 318
 319```yaml
 320- name: VitePress 
 321  desc: 由 Vite 和 Vue 驱动的静态站点生成器
 322  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress-logo-large-logo.svg
 323  link: https://vitepress.dev/zh/
 324- name: VuePress
 325  desc: Vue 驱动的静态网站生成器
 326  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/VuePress.avif
 327  link: https://vuepress.vuejs.org/zh/
 328- name: hugo
 329  desc: The world’s fastest framework for building websites
 330  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/gohugo.io.svg
 331  link: https://gohugo.io/
 332- name: Docusaurus
 333  desc: 快速构建以内容为核心的最佳网站
 334  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/docusaurus.svg
 335  link: https://docusaurus.io/
 336- name: Valaxy
 337  desc: 下一代静态博客框架
 338  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/Valaxy.svg
 339  link: https://valaxy.site/
 340- name: Rspress
 341  desc: 快如闪电的静态站点生成器（简单、高性能、易于扩展）
 342  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/rspress.uihtm.com.avif
 343  link: https://rspress.uihtm.com/zh/
 344```
 345
 346:::
 347
 348### 博客框架
 349
 350::: navCard
 351
 352
 353```yaml
 354- name: HB 框架
 355  desc: 使用 Hugo 和 Bootstrap 构建快速、现代、响应式和模块化的静态网站。 
 356  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/zh-hans.hbstack.dev.avif
 357  link: https://hbstack.dev/ 
 358```
 359
 360
 361:::
 362
 363### 前端网站
 364
 365::: navCard
 366
 367
 368```yaml
 369- name: Vue Bits
 370  desc: Vue Components For Creative Developers
 371  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/vue-bits.dev.avif
 372  link: https://vue-bits.dev/ 
 373```
 374
 375
 376:::
 377
 378
 379
 380### vdoing网站
 381
 382::: navCard
 383
 384
 385```yaml
 386- name: Hyde Blog
 387  desc: 前端大佬,666 
 388  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/hyde-logo.ico 
 389  link: https://hyde.seasir.top/  
 390- name: vdoing
 391  desc: vdoing官网
 392  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/vuepress-theme-vdoing.avif 
 393  link: https://doc.xugaoyi.com/ 
 394- name: Evan's blog 官方 
 395  desc: Web前端技术博客，积跬步以至千里 
 396  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/xugaoyi.avif 
 397  link: https://xugaoyi.com/ 
 398- name: 从01开始
 399  desc: 那就从零开始
 400  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/从01开始.jpg
 401  link: https://www.peterjxl.com/
 402- name: 二丫讲梵 
 403  desc: 💻学习📝记录🔗分享 
 404  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/eryajiangfan.avif 
 405  link: https://wiki.eryajf.net/ 
 406- name: Young Kbt blog
 407  desc: 故事由我书写，旅程由你见证，传奇由她聆听 
 408  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/Kbt.avif 
 409  link: https://notes.youngkbt.cn/    
 410- name: Manchan's blog
 411  desc: 那就从零开始
 412  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/Manchan-img.avif
 413  link: https://manchan.top/
 414- name: Kronos’ blog
 415  desc: 纵有疾风起，人生不言弃
 416  img: https://img.onedayxyy.cn/images/image-20250220073219160.avif
 417  link: https://blog.wangyou.ink/ 
 418- name: Easton’s blog 
 419  desc: 坚持学习，保持热爱。 
 420  img: https://img.onedayxyy.cn/images/Easton-logo.avif
 421  link: https://eastonyangxu.github.io/ 
 422- name: xustudyxu
 423  desc: 一起学习编程!
 424  img: https://img.onedayxyy.cn/images/01.3d9wrma6qlq0.avif
 425  link: https://frxcat.fun/
 426- name: Java 全栈知识体系
 427  desc: Java 全栈知识体系
 428  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/Java全栈知识体系.jpg
 429  link: https://www.pdai.tech/
 430- name: 兰德胡涂
 431  desc: 不错的vdoing网站
 432  # img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/landhutu.avif
 433  img: https://img.onedayxyy.cn/images/landhutu.avif
 434  link: https://landhutu.top/
 435- name: 虫术
 436  desc: vdoing用户
 437  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/spiderapi.avif
 438  link: https://spiderapi.cn/    
 439```
 440
 441
 442:::
 443
 444### Docusaurus
 445
 446::: navCard
 447
 448
 449```yaml
 450- name: Docusaurus官网
 451  desc: 快速构建以内容为核心的最佳网站
 452  img: https://docusaurus.io/img/docusaurus.svg
 453  link: https://docusaurus.io/
 454
 455- name: docus完整汉化版
 456  desc: 完美汉化版
 457  img: https://docusaurus.nodejs.cn/img/docusaurus.svg
 458  link: https://docusaurus.nodejs.cn/
 459
 460- name: 愧怍
 461  desc: 编程爱好者，编写所感兴趣的项目，现主攻js/ts全栈，希望能为开源社区做出一份贡献
 462  img: https://kuizuo.cn/img/logo.avif
 463  link: https://kuizuo.cn/
 464
 465- name: Shake
 466  desc: 世界继续热闹，愿你不变模样，勇敢且自由😃
 467  img: https://www.shaking.site/img/head.jpg
 468  link: https://www.shaking.site/
 469
 470- name: 太空编程
 471  desc: Docusaurus 大佬
 472  img: https://spacexcode.com/img/favicon.ico
 473  link: https://spacexcode.com/
 474````
 475
 476:::
 477
 478### Typecho
 479
 480::: navCard
 481
 482```yaml
 483- name: Typecho Themes
 484  desc: Typecho Themes
 485  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/typechx.com.avif
 486  link: https://typechx.com/themes/ 
 487```
 488
 489
 490:::
 491
 492### OneBlog
 493
 494::: navCard
 495
 496
 497```yaml
 498- name: OneBlog
 499  desc: 一个简约唯美的主题
 500  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/oneblogx.com.avif
 501  link: https://oneblogx.com/
 502```
 503
 504
 505:::
 506
 507### 站点监控
 508
 509::: navCard
 510
 511
 512```yaml
 513- name: umami
 514  desc: 博客流量分析工具
 515  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/umami-favicon.ico
 516  link: https://umami.is/
 517```
 518
 519
 520:::
 521
 522### 壁纸网站
 523
 524::: navCard
 525
 526
 527```yaml
 528- name: 壁纸汇
 529  desc: 15013+份高清4K / 8K壁纸图片提供免费下载！
 530  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/bizhihui.avif
 531  link: https://www.bizhihui.com/
 532- name: hdqwalls.com
 533  desc: 壁纸
 534  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/hdqwalls.avif
 535  link: https://hdqwalls.com/ 
 536```
 537
 538
 539:::
 540
 541### 导航站
 542
 543::: navCard
 544
 545
 546```yaml
 547- name: 暮冬浅夏 资源站
 548  desc: 祖国必将统一！
 549  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/iiikun.avif
 550  link: https://iiikun.zone.id/
 551- name: 爱达网址聚合页
 552  desc: 爱达杂货铺，收集互联网上用的东西
 553  img: https://linkqiu.com/images/icons/logo.svg
 554  link: https://linkqiu.com/
 555- name: 发现导航
 556  desc: 精选实用导航网站
 557  img: https://gcore.jsdelivr.net/gh/xjh22222228/nav-image@image/logo.svg
 558  link: https://nav3.cn/
 559- name: openi
 560  desc: 导航网站
 561  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/openi.avif
 562  link: https://openi.cn/
 563```
 564
 565
 566:::
 567
 568### 前端
 569::: navCard
 570
 571```yaml
 572- name: element-plus
 573  desc: 基于 Vue 3，面向设计师和开发者的组件库
 574  link: https://element-plus.org/zh-CN/
 575  img:  https://img.onedayxyy.cn/images/Teek/Teekwebsite/element-plus.svg
 576```
 577
 578:::
 579
 580
 581### 搜索引擎
 582
 583::: navCard
 584
 585```yaml
 586- name: 百度
 587  desc: 百度——全球最大的中文搜索引擎及最大的中文网站，全球领先的人工智能公司
 588  link: http://www.baidu.com/
 589  img: https://img.tukuppt.com/png_preview/00/10/46/IHk8cns6Re.jpg!/fw/780
 590  badge: 搜索引擎
 591- name: Google
 592  desc: 全球最大的搜索引擎公司
 593  link: http://www.google.com/
 594  img: https://ts1.cn.mm.bing.net/th/id/R-C.58c0f536ec073452434270fb559c3f8c?rik=SnOUNtUtPLX6ww&riu=http%3a%2f%2fwww.sz4a.cn%2fPublic%2fUploads%2fimage%2f20230303%2f1677839482835474.avif&ehk=J1lqoeszPGEWzDOSZQ3JxzXsklfd0QzgrJu6ZVvESKk%3d&risl=&pid=ImgRaw&r=0
 595  badge: 搜索引擎
 596  badgeType: tip
 597- name: 百度
 598  desc: 百度——全球最大的中文搜索引擎及最大的中文网站，全球领先的人工智能公司
 599  link: http://www.baidu.com/
 600  img: https://img.tukuppt.com/png_preview/00/10/46/IHk8cns6Re.jpg!/fw/780
 601  badge: 搜索引擎
 602- name: Google
 603  desc: 全球最大的搜索引擎公司
 604  link: http://www.google.com/
 605  img: https://ts1.cn.mm.bing.net/th/id/R-C.58c0f536ec073452434270fb559c3f8c?rik=SnOUNtUtPLX6ww&riu=http%3a%2f%2fwww.sz4a.cn%2fPublic%2fUploads%2fimage%2f20230303%2f1677839482835474.avif&ehk=J1lqoeszPGEWzDOSZQ3JxzXsklfd0QzgrJu6ZVvESKk%3d&risl=&pid=ImgRaw&r=0
 606  badge: 搜索引擎
 607  badgeType: tip
 608- name: 百度
 609  desc: 百度——全球最大的中文搜索引擎及最大的中文网站，全球领先的人工智能公司
 610  link: http://www.baidu.com/
 611  img: https://img.tukuppt.com/png_preview/00/10/46/IHk8cns6Re.jpg!/fw/780
 612  badge: 搜索引擎
 613- name: Google
 614  desc: 全球最大的搜索引擎公司
 615  link: http://www.google.com/
 616  img: https://ts1.cn.mm.bing.net/th/id/R-C.58c0f536ec073452434270fb559c3f8c?rik=SnOUNtUtPLX6ww&riu=http%3a%2f%2fwww.sz4a.cn%2fPublic%2fUploads%2fimage%2f20230303%2f1677839482835474.avif&ehk=J1lqoeszPGEWzDOSZQ3JxzXsklfd0QzgrJu6ZVvESKk%3d&risl=&pid=ImgRaw&r=0
 617  badge: 搜索引擎
 618  badgeType: tip    
 619```
 620
 621:::
 622
 623### 站点 
 624
 625::: navCard
 626
 627
 628```yaml
 629- name: Developer Roadmap
 630  desc: Roadmap to becoming a web developer.
 631  img: https://roadmap.sh/manifest/apple-touch-icon.avif
 632  link: https://roadmap.sh/
 633
 634- name: Shields.io
 635  desc: 为你的开源项目生成高质量小徽章图标
 636  img: https://shields.io/img/logo.avif
 637  link: https://shields.io/
 638
 639- name: NGINX 配置
 640  desc: 配置高性能、安全、稳定的 NGINX 服务器的最简单方法
 641  img: https://www.digitalocean.com/_next/static/media/apple-touch-icon.d7edaa01.avif
 642  link: https://www.digitalocean.com/community/tools/nginx
 643
 644- name: BootCDN
 645  desc: 稳定、快速、免费的前端开源项目 CDN 加速服务
 646  img: https://www.bootcdn.cn/assets/ico/favicon.ico
 647  link: https://www.bootcdn.cn/
 648
 649- name: 那些免费的砖
 650  desc: 发现免费可商用的资源
 651  img: https://img.thosefree.com/static/logo.avif
 652  link: https://www.thosefree.com/
 653```
 654
 655
 656:::
 657
 658### 文档 
 659
 660::: navCard
 661
 662
 663```yaml
 664- name: MDN
 665  desc: 从 2005 年开始记录网络技术，包括 CSS、 HTML 和 JavaScript。
 666  img: https://developer.mozilla.org/favicon-48x48.bc390275e955dacb2e65.avif
 667  link: https://developer.mozilla.org/zh-CN/
 668
 669- name: ES6 入门教程
 670  desc: 《ECMAScript 6 入门教程》是一本开源的 JavaScript 语言教程，全面介绍 ECMAScript 6 新引入的语法特性
 671  img: https://es6.ruanyifeng.com/favicon.ico
 672  link: https://es6.ruanyifeng.com/
 673
 674- name: 深入理解 TypeScript
 675  desc: 《TypeScript Deep Dive》 是一本很好的开源书，从基础到深入，很全面的阐述了 TypeScript 的各种魔法，不管你是新手，还是老鸟，它都将适应你
 676  img: https://jkchao.github.io//typescript-book-chinese/logo.avif
 677  link: https://jkchao.github.io/typescript-book-chinese/
 678
 679- name: Rust 语言圣经
 680  desc: 一份高质量 Rust 教程
 681  img: https://course.rs/favicon.avif
 682  link: https://course.rs
 683
 684- name: 在线工具
 685  desc: 在线工具,开发人员工具,代码格式化、压缩、加密、解密,下载链接转换,ico 图标制作,字帖生成
 686  img: https://tool.lu/favicon.ico
 687  link: https://tool.lu/
 688```
 689
 690
 691:::
 692
 693### 剪藏
 694
 695::: navCard
 696
 697
 698```yaml
 699- name: 菜鸟工具
 700  desc: 菜鸟工具，为开发设计人员提供在线工具，提供在线 PHP、Python、 CSS、JS 调试，中文简繁体转换，进制转换等工具
 701  img: https://static.jyshare.com/images/c-runoob-logo.ico
 702  link: https://c.runoob.com/
 703```
 704
 705
 706:::
 707
 708### 工具
 709
 710::: navCard
 711
 712
 713```yaml
 714- name: 菜鸟工具
 715  desc: 菜鸟工具，为开发设计人员提供在线工具，提供在线 PHP、Python、 CSS、JS 调试，中文简繁体转换，进制转换等工具
 716  img: https://static.jyshare.com/images/c-runoob-logo.ico
 717  link: https://c.runoob.com/
 718
 719- name: ProcessOn
 720  desc: 免费在线流程图思维导图
 721  img: https://processon.com/favicon.ico
 722  link: https://processon.com/
 723- name: Terminal Gif Maker
 724  desc: 在线生成 Terminal GIF
 725  img: https://www.terminalgif.com/favicon.ico
 726  link: https://www.terminalgif.com
 727- name: AST Explorer
 728  desc: 一个 Web 工具，用于探索由各种解析器生成的 AST 语法树
 729  img: https://astexplorer.net/favicon.avif
 730  link: https://astexplorer.net/
 731- name: transform
 732  desc: 各类数据格式与对象转换
 733  img: https://transform.tools/static/favicon.avif
 734  link: https://transform.tools
 735- name: Hoppscotch
 736  desc: 开源 API 开发生态系统
 737  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/hoppscotch.avif
 738  link: https://hoppscotch.io/
 739- name: JsonT.run
 740  desc: 一个简洁的在线 JSON 解析器
 741  img: https://www.jsont.run/favicon.ico
 742  link: https://www.jsont.run/
 743- name: Apifox
 744  desc: API 文档、API 调试、API Mock、API 自动化测试
 745  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/Apifox.avif
 746  link: https://www.apifox.cn/
 747- name: 迅捷 PDF 转换器
 748  desc: 在线电子书格式转换 PDF
 749  img: https://app.xunjiepdf.com/favicon.ico
 750  link: https://app.xunjiepdf.com/eb2pdf/?zhljj01/
 751- name: DeepL 翻译
 752  desc: 号称全世界最准的翻译
 753  img: https://static.deepl.com/img/logo/DeepL_Logo_darkBlue_v2.svg
 754  link: https://www.deepl.com/translator/
 755- name: GeoGebra
 756  desc: 数学教学软件，一个计算器套件
 757  img: https://www.geogebra.org/favicon.ico
 758  link: https://www.geogebra.org/
 759- name: removebg
 760  desc: 在线抠图软件，可以去除图片背景
 761  img: https://t1.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=http://www.remove.bg/zh&size=50
 762  link: https://www.remove.bg/zh/
 763- name: Unscreen
 764  desc: 移除任何视频的背景  — — 100% 自动，在线且免费
 765  img: https://www.unscreen.com/favicon.ico
 766  link: https://www.unscreen.com/
 767- name: 音乐解锁
 768  desc: 移除已购音乐的加密保护
 769  img: https://demo.unlock-music.dev/favicon.ico
 770  link: https://demo.unlock-music.dev/
 771- name: freeconvert 文件转换器
 772  desc: 轻松在线将文件从一种格式转换为另一种格式。
 773  img: https://www.freeconvert.com/favicon.ico
 774  link: https://www.freeconvert.com/zh
 775- name: convertio 文件转换器
 776  desc: 将您的文件转换成任意格式。
 777  img: https://static.convertio.co/favicon.ico
 778  link: https://convertio.co/zh/
 779- name: EditIamge
 780  desc: 压缩到指定 kb/MB。
 781  img: http://editimage.cn/assets/qn-0Z4EW21D.avif
 782  link: http://editimage.cn/
 783- name: PathFinding.js
 784  desc: 一个的路径搜索的动态在线演示
 785  img: https://img1.github.io/tmp/1.jpg
 786  link: http://qiao.github.io/PathFinding.js/visual/
 787- name: CMake 中文文档
 788  desc: 热心网友根据官方教程翻译的文档
 789  img: https://img1.github.io/tmp/4.jpg
 790  link: https://sfumecjf.github.io/cmake-examples-Chinese/
 791- name: iconify
 792  desc: 数千个图标，一个统一的框架
 793  img: https://icon-sets.iconify.design/favicon.ico
 794  link: https://icon-sets.iconify.design/
 795- name: icones
 796  desc: Icon Explorer with Instant searching, powered by Iconify
 797  img: https://icones.js.org/favicon.svg
 798  link: https://icones.js.org/
 799- name: iconfont
 800  desc: iconfont - 国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能
 801  img: https://img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg
 802  link: https://www.iconfont.cn/
 803- name: feathericons
 804  desc: 简单美丽的开源图标
 805  img: https://feathericons.com/favicon.ico
 806  link: https://feathericons.com/
 807- name: undraw
 808  desc: 一个不断更新的设计项目与美丽的 SVG 图像，使用完全免费
 809  img: https://undraw.co/apple-touch-icon.avif
 810  link: https://undraw.co/
 811- name: igoutu
 812  desc: 图标、插图、照片、音乐和设计工具
 813  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/igoutu.svg
 814  link: https://igoutu.cn/
 815- name: Emojiall
 816  desc: Emoji 表情大全
 817  img: https://www.emojiall.com/apple-touch-icon.avif
 818  link: https://www.emojiall.com/zh-hans
 819- name: 渐变色网站
 820  desc: 数百万个自动生成的渐变的网站
 821  img: https://gradihunt.com/icon-192.avif
 822  link: https://gradihunt.com/
 823- name: 谷歌字体
 824  desc: 一个生成渐变色背景的网站
 825  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/google_fonts.avif
 826  link: https://googlefonts.cn/
 827- name: Typing SVG
 828  desc: 一个动态生成的可自定义 SVG 打字效果
 829  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/typing-svg.avif
 830  link: https://readme-typing-svg.herokuapp.com/demo/
 831- name: Hitokoto - 一言
 832  desc: 随机分享一句话
 833  img: https://hitokoto.cn/favicon.ico
 834  link: https://hitokoto.cn/
 835- name: 一句
 836  desc: 汇聚有料文字
 837  img: http://yijuzhan.com/favicon.ico
 838  link: http://yijuzhan.com/
 839- name: 今日诗句
 840  desc: 每次返回一句诗词
 841  img: https://www.jinrishici.com/img/icon-small.avif
 842  link: https://www.jinrishici.com/
 843- name: Tabler Icons
 844  desc: 免费和开源的图标，设计时注重细节，使您的设计脱颖而出
 845  img: https://tablericons.com/favicon.ico
 846  link: https://tablericons.com/
 847- name: Open Doodles
 848  desc: 一个免费供个人和商业使用的人物素描图库
 849  img: https://assets.website-files.com/5d5d5904f8a21bfe5ff69367/5da4e9a054896ed6d830e869_icon-32w.avif
 850  link: https://www.opendoodles.com/
 851- name: DrawKit
 852  desc: 免费的矢量 SVG 插图，供您在下一个项目中使用，不需要署名
 853  img: https://cdn.prod.website-files.com/6364b6fd26e298b0b8b938f5/6364b6fd26e2989baeb93925_drawkit-nav-logo.svg
 854  link: https://www.drawkit.io/
 855- name: 一个高性能的 JavaScript 动画库
 856  desc:
 857  img: https://gsap.com/safari-pinned-tab.svg
 858  link: https://gsap.com/
 859- name: Bootstrap
 860  desc: Bootstrap 是全球最受欢迎的前端开源工具库，它支持 Sass 变量和 mixin、响应式栅格系统、自带大量组件和众多强大的 JavaScript 插件。基于 Bootstrap 提供的强大功能，能够让你快速设计并定制你的网站
 861  img: https://img.kuizuo.cn/20210907055816.avif
 862  link: https://v5.bootcss.com/
 863- name: w3schools Css 教程
 864  desc: w3schools 从基础到高级的 CSS 教程
 865  img: https://www.w3schools.com/favicon.ico
 866  link: https://www.w3schools.com/css
 867- name: CSS - Inspiration
 868  desc: CSS 灵感
 869  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/css-inspiration.avif
 870  link: https://csscoco.com/inspiration
 871- name: CSS 常用样式
 872  desc: CSS 常用样式
 873  img: https://tse1-mm.cn.bing.net/th?id=OIP-C.EgSPriuEnAtlIWJV8R_E1QHaGs&w=107&h=100&c=8&rs=1&qlt=90&o=6&pid=3.1&rm=2
 874  link: https://github.com/QiShaoXuan/css_tricks
 875- name: CSSFX
 876  desc: 一个精心制作的集合设计的重点是流动性，简单性和易用性。使用最小标记的 CSS 支持
 877  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/cssfx.svg
 878  link: https://cssfx.netlify.app/
 879- name: TailwindCSS
 880  desc: Tailwind CSS 是一个功能类优先的 CSS 框架，它集成了诸如 flex, pt - 4, text - center 和 rotate - 90 这样的的类，它们能直接在脚本标记语言中组合起来，构建出任何设计
 881  img: https://www.tailwindcss.cn/favicons/apple-touch-icon.avif
 882  link: https://www.tailwindcss.cn
 883- name: WindiCSS
 884  desc: Windi CSS 是下一代工具优先的 CSS 框架
 885  img: https://windicss.org/assets/logo.svg
 886  link: https://windicss.org
 887- name: Twind
 888  desc: 现存最小、最快、功能最齐全的完整 Tailwind - in - JS 解决方案
 889  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/twind.avif
 890  link: https://github.com/tw-in-js/twind
 891- name: UnoCSS
 892  desc: 即时按需原子 CSS 引擎
 893  img: https://unocss.dev/favicon.svg
 894  link: https://uno.antfu.me/
 895- name: NES.css
 896  desc: 一个像素风格的 CSS 框架
 897  img: https://nostalgic-css.github.io/NES.css/favicon.avif
 898  link: https://nostalgic-css.github.io/NES.css/
 899- name: clay.css
 900  desc: claymorphism 泥陶态风格 CSS
 901  img: https://codeadrian.github.io/clay.css/apple-touch-icon.avif
 902  link: https://codeadrian.github.io/clay.css/
 903- name: loading.io
 904  desc: Animation Made Easy
 905  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/loading.avif
 906  link: https://loading.io/
 907- name: 神奇 UI 样式
 908  desc: 我们赋予任何人创建、分享和使用用 CSS 和 HTML 制作的漂亮自定义元素的权力。
 909  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/uiverse.avif
 910  link: https://uiverse.io
 911- name: CodePen
 912  desc: 一款前端所见即所得的工具，可以在线编辑制作前端页面。同时网站提供所有常见的 js、css 库，并且支持流行技术（如 SASS）
 913  img: https://cpwebassets.codepen.io/assets/favicon/favicon-touch-de50acbf5d634ec6791894eba4ba9cf490f709b3d742597c6fc4b734e6492a5a.avif
 914  link: https://codepen.io/
 915- name: HYPE4
 916  desc: 透明玻璃态生成器
 917  img: https://hype4.academy/favicon/apple-icon-57x57.avif
 918  link: https://hype4.academy/tools/glassmorphism-generator
 919- name: wweb.dev
 920  desc: CSS 动画背景生成器
 921  img: https://ik.imagekit.io/wwebdev/tr:w-180/logo-text_51kQarOOiD-.avif
 922  link: https://wweb.dev/resources/animated-css-background-generator/
 923- name: Favicon.io
 924  desc: 可以生成带有调整的网站图标 SVG 代码、生成基于文本的网站图标或生成基于表情符号的网站图标
 925  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/Favicon_io.avif
 926  link: https://favicon.io/
 927- name: Omatsuri
 928  desc: 收集不同的发电机，让您的生活更轻松。
 929  img: https://omatsuri.app/assets/favicon.ico
 930  link: https://omatsuri.app
 931- name: smooth shadow
 932  desc:
 933```
 934
 935
 936:::
 937
 938
 939
 940### 微信公众号md渲染工具
 941
 942::: navCard
 943
 944
 945```yaml
 946- name: md2.sleele.com
 947  desc: 正在使用，不错
 948  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/md2.sleele.com.avif 
 949  link: https://md2.sleele.com/
 950```
 951
 952
 953:::
 954
 955### 网盘资源
 956
 957> 影视资源下载。
 958
 959::: navCard
 960
 961
 962```yaml
 963- name: 千帆搜索
 964  desc: 正在使用，不错
 965  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/pan.qianfan.app.svg
 966  link: https://pan.qianfan.app/
 967```
 968
 969
 970:::
 971
 972### 谷歌浏览器插件
 973
 974::: navCard
 975
 976
 977```yaml
 978- name: 简悦
 979  desc: 正在使用的剪藏软件，不错
 980  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/simpread.pro.avif
 981  link: https://simpread.pro/
 982```
 983
 984
 985:::
 986
 987### 图标
 988
 989::: navCard
 990
 991
 992```yaml
 993- name: iconfont
 994  desc: 阿里巴巴矢量图标库
 995  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/iconfont.svg
 996  link: https://www.iconfont.cn/
 997- name: Simple Icons
 998  desc: 流行品牌的 3336 SVG 图标 （徽标图标）
 999  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/simpleicons.org.avif
1000  link: https://simpleicons.org/
1001```
1002
1003
1004:::
1005
1006### winodws推荐软件
1007
1008::: navCard
1009
1010
1011```yaml
1012- name: VLC Media Player
1013  desc: 视频播放软件
1014  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/vlc.avif
1015  link: https://www.videolan.org/vlc/
1016```
1017
1018
1019:::
1020
1021### 图片压缩软件
1022
1023::: navCard
1024
1025
1026```yaml
1027- name: Imagine
1028  desc: 可以方便压缩图片到webp（二丫推荐）
1029  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/imagine.avif
1030  link: https://github.com/meowtec/Imagine
1031```
1032
1033
1034:::
1035
1036### 壁纸网站
1037
1038::: navCard
1039
1040
1041```yaml
1042- name: 哲风壁纸
1043  desc: 好看的壁纸网站
1044  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/haowallpaper.com.ico
1045  link: https://haowallpaper.com/
1046  badge: 不错哦
1047```
1048
1049
1050:::
1051
1052### 图床软件
1053
1054::: navCard
1055
1056
1057```yaml
1058- name: PicList
1059  desc: 图片上传 云存储管理（可完全替换PicGo）
1060  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/piclist.avif
1061  link: https://piclist.cn/
1062  badge: 强烈推荐
1063- name: PicGo
1064  desc: 图片上传、管理新体验
1065  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/picgo.avif
1066  link: https://picgo.github.io/PicGo-Doc/
1067- name: utools
1068  desc: 里面含有图床插件
1069  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/www.u-tools.cn.avif
1070  link: https://www.u-tools.cn/
1071- name: ShareX
1072  desc: 可以把图片上传到服务器某个目录下同时保存图片到本地
1073  img: https://img.onedayxyy.cn/images/Teek/Teekwebsite/getsharex.com.avif
1074  link: https://getsharex.com/
1075```
1076
1077
1078:::
1079
1080
1081
1082### docker仓库
1083
1084https://status.anye.xyz/
1085
1086![image-20251016154233514](https://img.onedayxyy.cn/images/image-20251016154233514.avif "2240x1316")