https://www.sakaay.com/about/Recent content in 关于 on 当以读书通世事Hugozh-CNWed, 03 Sep 2025 10:06:02 +0800https://www.sakaay.com/about/search/Mon, 28 Feb 2022 22:32:38 +0800https://www.sakaay.com/about/search/https://www.sakaay.com/about/me/Sat, 04 Jan 2025 19:19:48 +0800https://www.sakaay.com/about/me/<div class="sk-about" data-props="{}"></div>https://www.sakaay.com/about/website/Fri, 14 Mar 2025 09:27:01 +0800https://www.sakaay.com/about/website/<h1 id="一个简单的3d模型展示了我">一个简单的3D模型，展示了我。</h1> <!-- 3D模型展示 --> <div class="sk-3d" data-props="{&quot;model-path&quot;:&quot;/tree.obj&quot;,&quot;file-type&quot;:&quot;obj&quot;,&quot;width&quot;:&quot;600px&quot;,&quot;height&quot;:&quot;600px&quot;,&quot;scale&quot;:1,&quot;auto-rotate&quot;:false,&quot;camera-position&quot;:{&quot;x&quot;:0,&quot;y&quot;:0,&quot;z&quot;:5},&quot;backgroundColor&quot;:&quot;#f8f9fa&quot;}"></div> <!-- index.md --> <!-- 五彩纸屑组件 --> <h2 id="blog">Blog</h2> <hr> <blockquote> <p>这里应该算是个博客。所以大概会记录一些学习、生活上的回忆与业余创作——纯属瞎搞，偶尔也会分享自己觉得有趣的东西。</p> </blockquote> <h2 id="me">Me</h2> <hr> <blockquote> <p>All at sea.</p> <p>希望能成为一个有趣的人。希望能创造出可以成为他人回忆的事物。</p> </blockquote> <blockquote> <p><del>25 岁，是学生。</del> 成长 ing。</p>https://www.sakaay.com/about/liuyanqu/Mon, 28 Feb 2022 22:32:38 +0800https://www.sakaay.com/about/liuyanqu/<iframe class="c-viewer__iframe" src="https://sketchfab.com/models/9af0ae87238a4840b95a83f9e6c5cdde/embed?autostart=1&amp;" id="api-frame" allow="autoplay; xr-spatial-tracking" xr-spatial-tracking="true" allowfullscreen="" width="100%" height="300"></iframe> <div class="text-center"> <p>如果大家遇到了什么问题，欢迎大家留言讨论。</p> <p>如果 10s 后评论区还在转圈，可以尝试刷新页面。</p> </div>https://www.sakaay.com/about/friend-links/Wed, 03 Sep 2025 10:06:02 +0800https://www.sakaay.com/about/friend-links/https://www.sakaay.com/about/websites/Wed, 05 Mar 2025 12:37:55 +0800https://www.sakaay.com/about/websites/<!-- index.md --> <h2 id="网站导航">网站导航</h2> <h2 id="我的站点">我的站点</h2> <div class="nav-grid"> <a class="nav-card-item" href="https://sakaay.com/" target="_blank" rel="noopener"> <img src="https://sakaay.com/favicon.ico" alt="sakaay" loading="lazy"> <span> <span class="nav-card-name">sakaay</span> <span class="nav-card-desc">当以读书通世事</span> </span> </a> <a class="nav-card-item" href="https://img.sakaay.com/d/img/sakaay/wc_gzh.webp" target="_blank" rel="noopener"> <img src="https://img.sakaay.com/d/img/sakaay/wc_gzh.webp" alt="我的公众号" loading="lazy"> <span> <span class="nav-card-name">我的公众号</span> <span class="nav-card-desc">公众号</span> </span> </a> <a class="nav-card-item" href="https://www.zhihu.com/people/foryouone" target="_blank" rel="noopener"> <img src="https://sakaay.com/favicon.ico" alt="我的知乎" loading="lazy"> <span> <span class="nav-card-name">我的知乎</span> <span class="nav-card-desc">知乎</span> </span> </a> <a class="nav-card-item" href="https://space.bilibili.com/485696789" target="_blank" rel="noopener"> <img src="https://sakaay.com/favicon.ico" alt="我的b站" loading="lazy"> <span> <span class="nav-card-name">我的b站</span> <span class="nav-card-desc">b站</span> </span> </a> <a class="nav-card-item" href="https://photo.onedayxyy.cn/" target="_blank" rel="noopener"> <img src="https://sakaay.com/favicon.ico" alt="我的相册" loading="lazy"> <span> <span class="nav-card-name">我的相册</span> <span class="nav-card-desc">相册</span> </span> </a> <a class="nav-card-item" href="./img/wechat/wechat.png" target="_blank" rel="noopener"> <img src="https://sakaay.com/favicon.ico" alt="我的微信" loading="lazy"> <span> <span class="nav-card-name">我的微信</span> <span class="nav-card-desc">微信</span> </span> </a> <a class="nav-card-item" href="https://img.onedayxyy.cn/images/image-20240102205824.png" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/image-20240102205824.png" alt="我的qq" loading="lazy"> <span> <span class="nav-card-name">我的qq</span> <span class="nav-card-desc">qq</span> </span> </a> </div> <h2 id="vitepress网站">VitePress网站</h2> <div class="nav-grid"> <a class="nav-card-item" href="https://vitepress.dev/zh/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress-logo-large-logo.svg" alt="VitePress" loading="lazy"> <span> <span class="nav-card-name">VitePress</span> <span class="nav-card-desc">VitePress官网</span> </span> </a> <a class="nav-card-item" href="https://vitepress.yiov.top/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress-logo-large-logo.svg" alt="vitepress.yiov.top" loading="lazy"> <span> <span class="nav-card-name">vitepress.yiov.top</span> <span class="nav-card-desc">VitePress中文教程</span> </span> </a> <a class="nav-card-item" href="https://sugarat.top/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/sugarat.top-logo.jpeg" alt="粥里有勺糖" loading="lazy"> <span> <span class="nav-card-name">粥里有勺糖</span> <span class="nav-card-desc">你的指尖,拥有改变世界的力量</span> </span> </a> <a class="nav-card-item" href="https://blog.charles7c.top/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/blog.charles7c.top-logo.png" alt="查尔斯的知识库" loading="lazy"> <span> <span class="nav-card-name">查尔斯的知识库</span> <span class="nav-card-desc">专注 & 洞察 & 分享</span> </span> </a> <a class="nav-card-item" href="https://blog.imsyy.top/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/blog.imsyy.top-logo.png" alt="无名小栈" loading="lazy"> <span> <span class="nav-card-name">无名小栈</span> <span class="nav-card-desc">大佬，新颖，不错的VitePress主题</span> </span> </a> <a class="nav-card-item" href="https://cloudlark.cn/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/cloudlark.cn.webp" alt="云雀Lark" loading="lazy"> <span> <span class="nav-card-name">云雀Lark</span> <span class="nav-card-desc">类似 无名小栈 风格网站</span> </span> </a> <a class="nav-card-item" href="https://lumen.theojs.cn/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/lumen.theojs.cn-logo.webp" alt="Lumen Enhanced Theme" loading="lazy"> <span> <span class="nav-card-name">Lumen Enhanced Theme</span> <span class="nav-card-desc">集成 Vue 功能组件和主题美化的 VitePress 插件</span> </span> </a> <a class="nav-card-item" href="https://luolei.org/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/luolei.org-logo.png" alt="罗磊的独立博客" loading="lazy"> <span> <span class="nav-card-name">罗磊的独立博客</span> <span class="nav-card-desc">首页文章卡片式风格</span> </span> </a> <a class="nav-card-item" href="https://www.appbeebee.com/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/www.appbeebee.com-logo.png" alt="APP比比" loading="lazy"> <span> <span class="nav-card-name">APP比比</span> <span class="nav-card-desc">首页文章卡片式风格</span> </span> </a> <a class="nav-card-item" href="https://blog.uopy.top/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/blog.uopy.top.png" alt="科技语者" loading="lazy"> <span> <span class="nav-card-name">科技语者</span> <span class="nav-card-desc">首页文章卡片式风格</span> </span> </a> <a class="nav-card-item" href="https://ftyszyx.github.io/feishu-vitepress/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/feishu-vitepress.png" alt="星辰起点" loading="lazy"> <span> <span class="nav-card-name">星辰起点</span> <span class="nav-card-desc">用飞书写博客,并自动部署</span> </span> </a> <a class="nav-card-item" href="https://docs.leavesmc.org/zh_Hans/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/docs.leavesmc.org.svg" alt="LeavesMC 文档" loading="lazy"> <span> <span class="nav-card-name">LeavesMC 文档</span> <span class="nav-card-desc">体验不错的布局切换风格</span> </span> </a> <a class="nav-card-item" href="https://leelaa.cn/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/leelaa.cn-logo.webp" alt="leelaa blog" loading="lazy"> <span> <span class="nav-card-name">leelaa blog</span> <span class="nav-card-desc">多个有趣的元素，有趣的vitepress主题</span> </span> </a> <a class="nav-card-item" href="#" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/notes.fe-mm.com-logo.png" alt="茂茂物语" loading="lazy"> <span> <span class="nav-card-name">茂茂物语</span> <span class="nav-card-desc">吾志所向，一往无前。</span> </span> </a> <a class="nav-card-item" href="https://example.zbwer.work/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/example.zbwer.work-logo.png" alt="Easy VitePress Blog" loading="lazy"> <span> <span class="nav-card-name">Easy VitePress Blog</span> <span class="nav-card-desc">好看的友链和开源项目风格</span> </span> </a> <a class="nav-card-item" href="https://vitepress-theme-bluearchive.vercel.app/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress-theme-bluearchive-logo.webp" alt="Sensei's 部落格" loading="lazy"> <span> <span class="nav-card-name">Sensei's 部落格</span> <span class="nav-card-desc">有趣的vitepress主题</span> </span> </a> <a class="nav-card-item" href="https://vitepress-sidebar.cdget.com/zhHans/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress-sidebar.cdget.com-logo.png" alt="VitePress Sidebar功能强大的自动侧边栏生成器" loading="lazy"> <span> <span class="nav-card-name">VitePress Sidebar功能强大的自动侧边栏生成器</span> <span class="nav-card-desc">功能强大的自动侧边栏生成器</span> </span> </a> <a class="nav-card-item" href="https://github.com/QC2168/vite-plugin-vitepress-auto-sidebar" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/vite-plugin-vitepress-auto-sidebar-logo.jpg" alt="vite-plugin-vitepress-auto-sidebar" loading="lazy"> <span> <span class="nav-card-name">vite-plugin-vitepress-auto-sidebar</span> <span class="nav-card-desc">自动侧边栏插件</span> </span> </a> <a class="nav-card-item" href="https://flaribbit.github.io/vitepress-theme-sakura/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/flaribbit-logo.png" alt="Hello, sakura" loading="lazy"> <span> <span class="nav-card-name">Hello, sakura</span> <span class="nav-card-desc">可爱又轻量的二次元博客主题</span> </span> </a> <a class="nav-card-item" href="https://vitepress-demo.fe-dev.cn/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress-demo.fe-dev.cn.svg" alt="Vitepress Demo Plugin实时预览你的DEMO" loading="lazy"> <span> <span class="nav-card-name">Vitepress Demo Plugin实时预览你的DEMO</span> <span class="nav-card-desc">实时预览你的DEMO</span> </span> </a> <a class="nav-card-item" href="https://github.com/ATQQ/sugar-blog/tree/master/packages/vitepress-plugin-51la" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress-plugin-51la.ico" alt="vitepress-plugin-51la" loading="lazy"> <span> <span class="nav-card-name">vitepress-plugin-51la</span> <span class="nav-card-desc">为 VitePress 站点引入 51.la 的网站数据统计能力。</span> </span> </a> <a class="nav-card-item" href="https://nolebase.ayaka.io/zh-CN/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/nolebase.ayaka.io-logo.svg" alt="nolebase" loading="lazy"> <span> <span class="nav-card-name">nolebase</span> <span class="nav-card-desc">记录回忆，知识和畅想的地方</span> </span> </a> <a class="nav-card-item" href="https://dddssw.github.io/blog/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/dddssw.github.io-logo.jfif" alt="dddssw'blog" loading="lazy"> <span> <span class="nav-card-name">dddssw'blog</span> <span class="nav-card-desc">由 Vitepress，Vue，Gsap，Canvas 提供支持，集成 Algolia 等......</span> </span> </a> <a class="nav-card-item" href="https://vitepress.open17.vip/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress.open17.vip.png" alt="Vitepress Open17" loading="lazy"> <span> <span class="nav-card-name">Vitepress Open17</span> <span class="nav-card-desc">简单美观的博客主题</span> </span> </a> <a class="nav-card-item" href="http://niubin.site/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/niubin.site-logo.jpg" alt="友人A" loading="lazy"> <span> <span class="nav-card-name">友人A</span> <span class="nav-card-desc">vitepress博客</span> </span> </a> <a class="nav-card-item" href="https://www.sanghangning.cn/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/www.sanghangning.cn-logo.png" alt="野宁新之助" loading="lazy"> <span> <span class="nav-card-name">野宁新之助</span> <span class="nav-card-desc">vitepress博客</span> </span> </a> <a class="nav-card-item" href="https://yuanshen.site/docs/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/yuanshen.site-logo.png" alt="空荧酒馆" loading="lazy"> <span> <span class="nav-card-name">空荧酒馆</span> <span class="nav-card-desc">vitepress博客</span> </span> </a> <a class="nav-card-item" href="https://yuque-vitepress.vercel.app/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress-logo-large-logo.svg" alt="Yuque-VitePress文档站点解决方案" loading="lazy"> <span> <span class="nav-card-name">Yuque-VitePress文档站点解决方案</span> <span class="nav-card-desc">语雀 + Elog + VitePress + GitHub Actions + Vercel 持续集成</span> </span> </a> <a class="nav-card-item" href="https://ziuchen.github.io/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/ziuchen.github.io.png" alt="ZiuChen" loading="lazy"> <span> <span class="nav-card-name">ZiuChen</span> <span class="nav-card-desc">无限进步</span> </span> </a> <a class="nav-card-item" href="https://vitepress.mosong.cc/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress.mosong.cc.webp" alt="VitePress会员主题" loading="lazy"> <span> <span class="nav-card-name">VitePress会员主题</span> <span class="nav-card-desc">基于VitePress默认主题做扩展，实现部分内容会员可见，用于做知识付费文档网站。</span> </span> </a> <a class="nav-card-item" href="https://note.weizwz.com/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/note.weizwz.com.png" alt="唯知笔记" loading="lazy"> <span> <span class="nav-card-name">唯知笔记</span> <span class="nav-card-desc">探索知识的无限可能</span> </span> </a> <a class="nav-card-item" href="https://lisir.me/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/lisir.me.png" alt="LI SIR - 个人博客" loading="lazy"> <span> <span class="nav-card-name">LI SIR - 个人博客</span> <span class="nav-card-desc">你的时间花在哪里，你的收获就在哪里</span> </span> </a> </div> <h2 id="vitepress插件">VitePress插件</h2> <div class="nav-grid"> <a class="nav-card-item" href="https://github.com/Xaviw/vite-plugin-vitepress-auto-nav" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/vite-plugin-vitepress-auto-nav.png" alt="vite-plugin-vitepress-auto-nav" loading="lazy"> <span> <span class="nav-card-name">vite-plugin-vitepress-auto-nav</span> <span class="nav-card-desc">自动生成vitepress的nav与sidebar</span> </span> </a> <a class="nav-card-item" href="https://github.com/BadgerHobbs/vitepress-plugin-lightbox" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress-plugin-lightbox.jpg" alt="vitepress-plugin-lightbox" loading="lazy"> <span> <span class="nav-card-name">vitepress-plugin-lightbox</span> <span class="nav-card-desc">VitePress 插件增加了对在灯箱中查看图像的支持。</span> </span> </a> <a class="nav-card-item" href="https://github.com/luckrya/markdown-it-link-to-card?tab=readme-ov-file" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/markdown-it-link-to-card.jpg" alt="markdown-it-link-to-card" loading="lazy"> <span> <span class="nav-card-name">markdown-it-link-to-card</span> <span class="nav-card-desc">一个markdown-it插件，用于将页面链接转换为链接卡（其中包含有关链接的简要信息）。 插件增加了对在灯箱中查看图像的支持。</span> </span> </a> <a class="nav-card-item" href="https://github.com/Merlin218/vitepress-auto-nav-sidebar" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress-auto-nav-sidebar.png" alt="vitepress-auto-nav-sidebar" loading="lazy"> <span> <span class="nav-card-name">vitepress-auto-nav-sidebar</span> <span class="nav-card-desc">自动生成vitepress导航栏和侧边栏配置</span> </span> </a> <a class="nav-card-item" href="https://juejin.cn/column/7288992783581396992" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/7288992783581396992.png" alt="掘金-VitePress搭建文档博客系列" loading="lazy"> <span> <span class="nav-card-name">掘金-VitePress搭建文档博客系列</span> <span class="nav-card-desc">从零开始教你用VitePress搭建个人博客，VitePress的实战使用说明</span> </span> </a> <a class="nav-card-item" href="https://oml2d.hacxy.cn/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/oml2d.hacxy.cn.png" alt="OhMyLive2D 看板娘" loading="lazy"> <span> <span class="nav-card-name">OhMyLive2D 看板娘</span> <span class="nav-card-desc">高可自定义且开箱即用的 Live2D For Web 组件, 快速为您的个人网站加入Live2D看板娘</span> </span> </a> <a class="nav-card-item" href="https://www.live2d.com/zh-CHS/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/www.live2d.com.png" alt="www.live2d.com 看板娘" loading="lazy"> <span> <span class="nav-card-name">www.live2d.com 看板娘</span> <span class="nav-card-desc">可以直接对原图进行加工，做出2D的立体表现。角色展示魅力十足，引人入胜。</span> </span> </a> <a class="nav-card-item" href="https://github.com/ATQQ/sugar-blog/blob/master/packages/vitepress-plugin-rss/README-zh.md" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress-plugin-rss.png" alt="vitepress-plugin-rss" loading="lazy"> <span> <span class="nav-card-name">vitepress-plugin-rss</span> <span class="nav-card-desc">vitepress可用的rss插件</span> </span> </a> <a class="nav-card-item" href="https://vitepress-ext.leelaa.cn/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress-ext.leelaa.cn.png" alt="VitePress Plugin Ext" loading="lazy"> <span> <span class="nav-card-name">VitePress Plugin Ext</span> <span class="nav-card-desc">增强 VitePress 的功能与用户体验</span> </span> </a> </div> <h2 id="动静分离博客">动静分离博客</h2> <div class="nav-grid"> <a class="nav-card-item" href="https://poetize.cn/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/POETIZE-logo.jpg" alt="POETIZE" loading="lazy"> <span> <span class="nav-card-name">POETIZE</span> <span class="nav-card-desc">这是一个 Vue2 Vue3 与 SpringBoot 结合的产物～(最美博客原作者)</span> </span> </a> <a class="nav-card-item" href="https://liuyuyang.net" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/image-20250220073534772.png" alt="宇阳" loading="lazy"> <span> <span class="nav-card-name">宇阳</span> <span class="nav-card-desc">记录所学知识，缩短和大神的差距！</span> </span> </a> <a class="nav-card-item" href="https://blog.grtsinry43.com/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/blog.grtsinry43.com.jpeg" alt="Grtsinry43’s Blog" loading="lazy"> <span> <span class="nav-card-name">Grtsinry43’s Blog</span> <span class="nav-card-desc">总之岁月漫长，然而值得等待</span> </span> </a> <a class="nav-card-item" href="http://mrzym.top/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/mrzym.top.png" alt="小张的个人博客" loading="lazy"> <span> <span class="nav-card-name">小张的个人博客</span> <span class="nav-card-desc">为什么每天不能睡25个小时啊</span> </span> </a> <a class="nav-card-item" href="https://www.kuailemao.xyz/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/Ruyu-blog.webp" alt="Ruyu-blog" loading="lazy"> <span> <span class="nav-card-name">Ruyu-blog</span> <span class="nav-card-desc">生活想要活埋了我，不料我是一粒种子</span> </span> </a> <a class="nav-card-item" href="https://blog.zhheo.com/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/blog.zhheo.com.png" alt="张洪Heo" loading="lazy"> <span> <span class="nav-card-name">张洪Heo</span> <span class="nav-card-desc">分享设计与科技生活</span> </span> </a> <a class="nav-card-item" href="https://naccl.top/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/naccl.top.jpg" alt="Naccl's Blog" loading="lazy"> <span> <span class="nav-card-name">Naccl's Blog</span> <span class="nav-card-desc">愿你有一天能与你最重要的人重逢</span> </span> </a> <a class="nav-card-item" href="https://www.moguit.cn" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/www.moguit.cn.png" alt="蘑菇博客" loading="lazy"> <span> <span class="nav-card-name">蘑菇博客</span> <span class="nav-card-desc">蘑菇社区</span> </span> </a> <a class="nav-card-item" href="https://www.cuiliangblog.cn/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/www.cuiliangblog.cn.png" alt="崔亮的博客" loading="lazy"> <span> <span class="nav-card-name">崔亮的博客</span> <span class="nav-card-desc">运维开发大佬</span> </span> </a> <a class="nav-card-item" href="https://starsl.cn/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/starsl.cn.png" alt="互联网运维技术分享" loading="lazy"> <span> <span class="nav-card-name">互联网运维技术分享</span> <span class="nav-card-desc">本站由Django慢慢驱动</span> </span> </a> </div> <h2 id="静态站点构建器ssg">静态站点构建器(ssg)</h2> <div class="nav-grid"> <a class="nav-card-item" href="https://vitepress.dev/zh/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/vitepress-logo-large-logo.svg" alt="VitePress" loading="lazy"> <span> <span class="nav-card-name">VitePress</span> <span class="nav-card-desc">由 Vite 和 Vue 驱动的静态站点生成器</span> </span> </a> <a class="nav-card-item" href="https://vuepress.vuejs.org/zh/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/VuePress.png" alt="VuePress" loading="lazy"> <span> <span class="nav-card-name">VuePress</span> <span class="nav-card-desc">Vue 驱动的静态网站生成器</span> </span> </a> <a class="nav-card-item" href="https://gohugo.io/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/gohugo.io.svg" alt="hugo" loading="lazy"> <span> <span class="nav-card-name">hugo</span> <span class="nav-card-desc">The world’s fastest framework for building websites</span> </span> </a> <a class="nav-card-item" href="https://docusaurus.io/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/docusaurus.svg" alt="Docusaurus" loading="lazy"> <span> <span class="nav-card-name">Docusaurus</span> <span class="nav-card-desc">快速构建以内容为核心的最佳网站</span> </span> </a> <a class="nav-card-item" href="https://valaxy.site/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/Valaxy.svg" alt="Valaxy" loading="lazy"> <span> <span class="nav-card-name">Valaxy</span> <span class="nav-card-desc">下一代静态博客框架</span> </span> </a> <a class="nav-card-item" href="https://rspress.uihtm.com/zh/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/rspress.uihtm.com.png" alt="Rspress" loading="lazy"> <span> <span class="nav-card-name">Rspress</span> <span class="nav-card-desc">快如闪电的静态站点生成器（简单、高性能、易于扩展）</span> </span> </a> </div> <h2 id="博客框架">博客框架</h2> <div class="nav-grid"> <a class="nav-card-item" href="https://hbstack.dev/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/zh-hans.hbstack.dev.png" alt="HB 框架" loading="lazy"> <span> <span class="nav-card-name">HB 框架</span> <span class="nav-card-desc">使用 Hugo 和 Bootstrap 构建快速、现代、响应式和模块化的静态网站。</span> </span> </a> </div> <h2 id="前端网站">前端网站</h2> <div class="nav-grid"> <a class="nav-card-item" href="https://vue-bits.dev/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/vue-bits.dev.png" alt="Vue Bits" loading="lazy"> <span> <span class="nav-card-name">Vue Bits</span> <span class="nav-card-desc">Vue Components For Creative Developers</span> </span> </a> </div> <h2 id="vdoing网站">vdoing网站</h2> <div class="nav-grid"> <a class="nav-card-item" href="https://hyde.seasir.top/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/hyde-logo.ico" alt="Hyde Blog" loading="lazy"> <span> <span class="nav-card-name">Hyde Blog</span> <span class="nav-card-desc">前端大佬,666</span> </span> </a> <a class="nav-card-item" href="https://doc.xugaoyi.com/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/vuepress-theme-vdoing.png" alt="vdoing" loading="lazy"> <span> <span class="nav-card-name">vdoing</span> <span class="nav-card-desc">vdoing官网</span> </span> </a> <a class="nav-card-item" href="https://xugaoyi.com/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/xugaoyi.png" alt="Evan's blog 官方" loading="lazy"> <span> <span class="nav-card-name">Evan's blog 官方</span> <span class="nav-card-desc">Web前端技术博客，积跬步以至千里</span> </span> </a> <a class="nav-card-item" href="https://www.peterjxl.com/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/从01开始.jpg" alt="从01开始" loading="lazy"> <span> <span class="nav-card-name">从01开始</span> <span class="nav-card-desc">那就从零开始</span> </span> </a> <a class="nav-card-item" href="https://wiki.eryajf.net/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/eryajiangfan.png" alt="二丫讲梵" loading="lazy"> <span> <span class="nav-card-name">二丫讲梵</span> <span class="nav-card-desc">💻学习📝记录🔗分享</span> </span> </a> <a class="nav-card-item" href="https://notes.youngkbt.cn/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/Kbt.png" alt="Young Kbt blog" loading="lazy"> <span> <span class="nav-card-name">Young Kbt blog</span> <span class="nav-card-desc">故事由我书写，旅程由你见证，传奇由她聆听</span> </span> </a> <a class="nav-card-item" href="https://manchan.top/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/Manchan-img.webp" alt="Manchan's blog" loading="lazy"> <span> <span class="nav-card-name">Manchan's blog</span> <span class="nav-card-desc">那就从零开始</span> </span> </a> <a class="nav-card-item" href="https://blog.wangyou.ink/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/image-20250220073219160.png" alt="Kronos’ blog" loading="lazy"> <span> <span class="nav-card-name">Kronos’ blog</span> <span class="nav-card-desc">纵有疾风起，人生不言弃</span> </span> </a> <a class="nav-card-item" href="https://eastonyangxu.github.io/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Easton-logo.png" alt="Easton’s blog" loading="lazy"> <span> <span class="nav-card-name">Easton’s blog</span> <span class="nav-card-desc">坚持学习，保持热爱。</span> </span> </a> <a class="nav-card-item" href="https://frxcat.fun/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/01.3d9wrma6qlq0.webp" alt="xustudyxu" loading="lazy"> <span> <span class="nav-card-name">xustudyxu</span> <span class="nav-card-desc">一起学习编程!</span> </span> </a> <a class="nav-card-item" href="https://www.pdai.tech/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/Java全栈知识体系.jpg" alt="Java 全栈知识体系" loading="lazy"> <span> <span class="nav-card-name">Java 全栈知识体系</span> <span class="nav-card-desc">Java 全栈知识体系</span> </span> </a> <a class="nav-card-item" href="https://landhutu.top/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/landhutu.png" alt="兰德胡涂" loading="lazy"> <span> <span class="nav-card-name">兰德胡涂</span> <span class="nav-card-desc">不错的vdoing网站</span> </span> </a> <a class="nav-card-item" href="https://spiderapi.cn/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/spiderapi.png" alt="虫术" loading="lazy"> <span> <span class="nav-card-name">虫术</span> <span class="nav-card-desc">vdoing用户</span> </span> </a> </div> <h2 id="docusaurus">Docusaurus</h2> <div class="nav-grid"> <a class="nav-card-item" href="https://docusaurus.io/" target="_blank" rel="noopener"> <img src="https://docusaurus.io/img/docusaurus.svg" alt="Docusaurus官网" loading="lazy"> <span> <span class="nav-card-name">Docusaurus官网</span> <span class="nav-card-desc">快速构建以内容为核心的最佳网站</span> </span> </a> <a class="nav-card-item" href="https://docusaurus.nodejs.cn/" target="_blank" rel="noopener"> <img src="https://docusaurus.nodejs.cn/img/docusaurus.svg" alt="docus完整汉化版" loading="lazy"> <span> <span class="nav-card-name">docus完整汉化版</span> <span class="nav-card-desc">完美汉化版</span> </span> </a> <a class="nav-card-item" href="https://kuizuo.cn/" target="_blank" rel="noopener"> <img src="https://kuizuo.cn/img/logo.webp" alt="愧怍" loading="lazy"> <span> <span class="nav-card-name">愧怍</span> <span class="nav-card-desc">编程爱好者，编写所感兴趣的项目，现主攻js/ts全栈，希望能为开源社区做出一份贡献</span> </span> </a> <a class="nav-card-item" href="https://www.shaking.site/" target="_blank" rel="noopener"> <img src="https://www.shaking.site/img/head.jpg" alt="Shake" loading="lazy"> <span> <span class="nav-card-name">Shake</span> <span class="nav-card-desc">世界继续热闹，愿你不变模样，勇敢且自由😃</span> </span> </a> <a class="nav-card-item" href="https://spacexcode.com/" target="_blank" rel="noopener"> <img src="https://spacexcode.com/img/favicon.ico" alt="太空编程" loading="lazy"> <span> <span class="nav-card-name">太空编程</span> <span class="nav-card-desc">Docusaurus 大佬</span> </span> </a> </div> <h2 id="typecho">Typecho</h2> <div class="nav-grid"> <a class="nav-card-item" href="https://typechx.com/themes/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/typechx.com.png" alt="Typecho Themes" loading="lazy"> <span> <span class="nav-card-name">Typecho Themes</span> <span class="nav-card-desc">Typecho Themes</span> </span> </a> </div> <h2 id="oneblog">OneBlog</h2> <div class="nav-grid"> <a class="nav-card-item" href="https://oneblogx.com/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/oneblogx.com.png" alt="OneBlog" loading="lazy"> <span> <span class="nav-card-name">OneBlog</span> <span class="nav-card-desc">一个简约唯美的主题</span> </span> </a> </div> <h2 id="站点监控">站点监控</h2> <div class="nav-grid"> <a class="nav-card-item" href="https://umami.is/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/umami-favicon.ico" alt="umami" loading="lazy"> <span> <span class="nav-card-name">umami</span> <span class="nav-card-desc">博客流量分析工具</span> </span> </a> </div> <h2 id="壁纸网站">壁纸网站</h2> <div class="nav-grid"> <a class="nav-card-item" href="https://www.bizhihui.com/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/bizhihui.png" alt="壁纸汇" loading="lazy"> <span> <span class="nav-card-name">壁纸汇</span> <span class="nav-card-desc">15013+份高清4K / 8K壁纸图片提供免费下载！</span> </span> </a> <a class="nav-card-item" href="https://hdqwalls.com/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/hdqwalls.png" alt="hdqwalls.com" loading="lazy"> <span> <span class="nav-card-name">hdqwalls.com</span> <span class="nav-card-desc">壁纸</span> </span> </a> </div> <h2 id="导航站">导航站</h2> <div class="nav-grid"> <a class="nav-card-item" href="https://iiikun.zone.id/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/iiikun.png" alt="暮冬浅夏 资源站" loading="lazy"> <span> <span class="nav-card-name">暮冬浅夏 资源站</span> <span class="nav-card-desc">祖国必将统一！</span> </span> </a> <a class="nav-card-item" href="https://linkqiu.com/" target="_blank" rel="noopener"> <img src="https://linkqiu.com/images/icons/logo.svg" alt="爱达网址聚合页" loading="lazy"> <span> <span class="nav-card-name">爱达网址聚合页</span> <span class="nav-card-desc">爱达杂货铺，收集互联网上用的东西</span> </span> </a> <a class="nav-card-item" href="https://nav3.cn/" target="_blank" rel="noopener"> <img src="https://gcore.jsdelivr.net/gh/xjh22222228/nav-image@image/logo.svg" alt="发现导航" loading="lazy"> <span> <span class="nav-card-name">发现导航</span> <span class="nav-card-desc">精选实用导航网站</span> </span> </a> <a class="nav-card-item" href="https://openi.cn/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/openi.png" alt="openi" loading="lazy"> <span> <span class="nav-card-name">openi</span> <span class="nav-card-desc">导航网站</span> </span> </a> </div> <h2 id="前端">前端</h2> <div class="nav-grid"> <a class="nav-card-item" href="https://element-plus.org/zh-CN/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/element-plus.svg" alt="element-plus" loading="lazy"> <span> <span class="nav-card-name">element-plus</span> <span class="nav-card-desc">基于 Vue 3，面向设计师和开发者的组件库</span> </span> </a> </div> <h2 id="搜索引擎">搜索引擎</h2> <div class="nav-grid"> <a class="nav-card-item" href="http://www.baidu.com/" target="_blank" rel="noopener"> <img src="https://img.tukuppt.com/png_preview/00/10/46/IHk8cns6Re.jpg!/fw/780" alt="百度" loading="lazy"> <span> <span class="nav-card-name">百度</span> <span class="nav-card-desc">百度——全球最大的中文搜索引擎及最大的中文网站，全球领先的人工智能公司</span> </span> </a> <a class="nav-card-item" href="http://www.google.com/" target="_blank" rel="noopener"> <img src="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.png&ehk=J1lqoeszPGEWzDOSZQ3JxzXsklfd0QzgrJu6ZVvESKk%3d&risl=&pid=ImgRaw&r=0" alt="Google" loading="lazy"> <span> <span class="nav-card-name">Google</span> <span class="nav-card-desc">全球最大的搜索引擎公司</span> </span> </a> <a class="nav-card-item" href="http://www.baidu.com/" target="_blank" rel="noopener"> <img src="https://img.tukuppt.com/png_preview/00/10/46/IHk8cns6Re.jpg!/fw/780" alt="百度" loading="lazy"> <span> <span class="nav-card-name">百度</span> <span class="nav-card-desc">百度——全球最大的中文搜索引擎及最大的中文网站，全球领先的人工智能公司</span> </span> </a> <a class="nav-card-item" href="http://www.google.com/" target="_blank" rel="noopener"> <img src="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.png&ehk=J1lqoeszPGEWzDOSZQ3JxzXsklfd0QzgrJu6ZVvESKk%3d&risl=&pid=ImgRaw&r=0" alt="Google" loading="lazy"> <span> <span class="nav-card-name">Google</span> <span class="nav-card-desc">全球最大的搜索引擎公司</span> </span> </a> <a class="nav-card-item" href="http://www.baidu.com/" target="_blank" rel="noopener"> <img src="https://img.tukuppt.com/png_preview/00/10/46/IHk8cns6Re.jpg!/fw/780" alt="百度" loading="lazy"> <span> <span class="nav-card-name">百度</span> <span class="nav-card-desc">百度——全球最大的中文搜索引擎及最大的中文网站，全球领先的人工智能公司</span> </span> </a> <a class="nav-card-item" href="http://www.google.com/" target="_blank" rel="noopener"> <img src="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.png&ehk=J1lqoeszPGEWzDOSZQ3JxzXsklfd0QzgrJu6ZVvESKk%3d&risl=&pid=ImgRaw&r=0" alt="Google" loading="lazy"> <span> <span class="nav-card-name">Google</span> <span class="nav-card-desc">全球最大的搜索引擎公司</span> </span> </a> </div> <h2 id="站点">站点</h2> <div class="nav-grid"> <a class="nav-card-item" href="https://roadmap.sh/" target="_blank" rel="noopener"> <img src="https://roadmap.sh/manifest/apple-touch-icon.png" alt="Developer Roadmap" loading="lazy"> <span> <span class="nav-card-name">Developer Roadmap</span> <span class="nav-card-desc">Roadmap to becoming a web developer.</span> </span> </a> <a class="nav-card-item" href="https://shields.io/" target="_blank" rel="noopener"> <img src="https://shields.io/img/logo.png" alt="Shields.io" loading="lazy"> <span> <span class="nav-card-name">Shields.io</span> <span class="nav-card-desc">为你的开源项目生成高质量小徽章图标</span> </span> </a> <a class="nav-card-item" href="https://www.digitalocean.com/community/tools/nginx" target="_blank" rel="noopener"> <img src="https://www.digitalocean.com/_next/static/media/apple-touch-icon.d7edaa01.png" alt="NGINX 配置" loading="lazy"> <span> <span class="nav-card-name">NGINX 配置</span> <span class="nav-card-desc">配置高性能、安全、稳定的 NGINX 服务器的最简单方法</span> </span> </a> <a class="nav-card-item" href="https://www.bootcdn.cn/" target="_blank" rel="noopener"> <img src="https://www.bootcdn.cn/assets/ico/favicon.ico" alt="BootCDN" loading="lazy"> <span> <span class="nav-card-name">BootCDN</span> <span class="nav-card-desc">稳定、快速、免费的前端开源项目 CDN 加速服务</span> </span> </a> <a class="nav-card-item" href="https://www.thosefree.com/" target="_blank" rel="noopener"> <img src="https://img.thosefree.com/static/logo.png" alt="那些免费的砖" loading="lazy"> <span> <span class="nav-card-name">那些免费的砖</span> <span class="nav-card-desc">发现免费可商用的资源</span> </span> </a> </div> <h2 id="文档">文档</h2> <div class="nav-grid"> <a class="nav-card-item" href="https://developer.mozilla.org/zh-CN/" target="_blank" rel="noopener"> <img src="https://developer.mozilla.org/favicon-48x48.bc390275e955dacb2e65.png" alt="MDN" loading="lazy"> <span> <span class="nav-card-name">MDN</span> <span class="nav-card-desc">从 2005 年开始记录网络技术，包括 CSS、 HTML 和 JavaScript。</span> </span> </a> <a class="nav-card-item" href="https://es6.ruanyifeng.com/" target="_blank" rel="noopener"> <img src="https://es6.ruanyifeng.com/favicon.ico" alt="ES6 入门教程" loading="lazy"> <span> <span class="nav-card-name">ES6 入门教程</span> <span class="nav-card-desc">《ECMAScript 6 入门教程》是一本开源的 JavaScript 语言教程，全面介绍 ECMAScript 6 新引入的语法特性</span> </span> </a> <a class="nav-card-item" href="https://jkchao.github.io/typescript-book-chinese/" target="_blank" rel="noopener"> <img src="https://jkchao.github.io//typescript-book-chinese/logo.png" alt="深入理解 TypeScript" loading="lazy"> <span> <span class="nav-card-name">深入理解 TypeScript</span> <span class="nav-card-desc">《TypeScript Deep Dive》 是一本很好的开源书，从基础到深入，很全面的阐述了 TypeScript 的各种魔法，不管你是新手，还是老鸟，它都将适应你</span> </span> </a> <a class="nav-card-item" href="https://course.rs" target="_blank" rel="noopener"> <img src="https://course.rs/favicon.png" alt="Rust 语言圣经" loading="lazy"> <span> <span class="nav-card-name">Rust 语言圣经</span> <span class="nav-card-desc">一份高质量 Rust 教程</span> </span> </a> <a class="nav-card-item" href="https://tool.lu/" target="_blank" rel="noopener"> <img src="https://tool.lu/favicon.ico" alt="在线工具" loading="lazy"> <span> <span class="nav-card-name">在线工具</span> <span class="nav-card-desc">在线工具,开发人员工具,代码格式化、压缩、加密、解密,下载链接转换,ico 图标制作,字帖生成</span> </span> </a> </div> <h2 id="剪藏">剪藏</h2> <div class="nav-grid"> <a class="nav-card-item" href="https://c.runoob.com/" target="_blank" rel="noopener"> <img src="https://static.jyshare.com/images/c-runoob-logo.ico" alt="菜鸟工具" loading="lazy"> <span> <span class="nav-card-name">菜鸟工具</span> <span class="nav-card-desc">菜鸟工具，为开发设计人员提供在线工具，提供在线 PHP、Python、 CSS、JS 调试，中文简繁体转换，进制转换等工具</span> </span> </a> </div> <h2 id="工具">工具</h2> <div class="nav-grid"> <a class="nav-card-item" href="https://c.runoob.com/" target="_blank" rel="noopener"> <img src="https://static.jyshare.com/images/c-runoob-logo.ico" alt="菜鸟工具" loading="lazy"> <span> <span class="nav-card-name">菜鸟工具</span> <span class="nav-card-desc">菜鸟工具，为开发设计人员提供在线工具，提供在线 PHP、Python、 CSS、JS 调试，中文简繁体转换，进制转换等工具</span> </span> </a> <a class="nav-card-item" href="https://processon.com/" target="_blank" rel="noopener"> <img src="https://processon.com/favicon.ico" alt="ProcessOn" loading="lazy"> <span> <span class="nav-card-name">ProcessOn</span> <span class="nav-card-desc">免费在线流程图思维导图</span> </span> </a> <a class="nav-card-item" href="https://www.terminalgif.com" target="_blank" rel="noopener"> <img src="https://www.terminalgif.com/favicon.ico" alt="Terminal Gif Maker" loading="lazy"> <span> <span class="nav-card-name">Terminal Gif Maker</span> <span class="nav-card-desc">在线生成 Terminal GIF</span> </span> </a> <a class="nav-card-item" href="https://astexplorer.net/" target="_blank" rel="noopener"> <img src="https://astexplorer.net/favicon.png" alt="AST Explorer" loading="lazy"> <span> <span class="nav-card-name">AST Explorer</span> <span class="nav-card-desc">一个 Web 工具，用于探索由各种解析器生成的 AST 语法树</span> </span> </a> <a class="nav-card-item" href="https://transform.tools" target="_blank" rel="noopener"> <img src="https://transform.tools/static/favicon.png" alt="transform" loading="lazy"> <span> <span class="nav-card-name">transform</span> <span class="nav-card-desc">各类数据格式与对象转换</span> </span> </a> <a class="nav-card-item" href="https://hoppscotch.io/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/hoppscotch.png" alt="Hoppscotch" loading="lazy"> <span> <span class="nav-card-name">Hoppscotch</span> <span class="nav-card-desc">开源 API 开发生态系统</span> </span> </a> <a class="nav-card-item" href="https://www.jsont.run/" target="_blank" rel="noopener"> <img src="https://www.jsont.run/favicon.ico" alt="JsonT.run" loading="lazy"> <span> <span class="nav-card-name">JsonT.run</span> <span class="nav-card-desc">一个简洁的在线 JSON 解析器</span> </span> </a> <a class="nav-card-item" href="https://www.apifox.cn/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/Apifox.png" alt="Apifox" loading="lazy"> <span> <span class="nav-card-name">Apifox</span> <span class="nav-card-desc">API 文档、API 调试、API Mock、API 自动化测试</span> </span> </a> <a class="nav-card-item" href="https://app.xunjiepdf.com/eb2pdf/?zhljj01/" target="_blank" rel="noopener"> <img src="https://app.xunjiepdf.com/favicon.ico" alt="迅捷 PDF 转换器" loading="lazy"> <span> <span class="nav-card-name">迅捷 PDF 转换器</span> <span class="nav-card-desc">在线电子书格式转换 PDF</span> </span> </a> <a class="nav-card-item" href="https://www.deepl.com/translator/" target="_blank" rel="noopener"> <img src="https://static.deepl.com/img/logo/DeepL_Logo_darkBlue_v2.svg" alt="DeepL 翻译" loading="lazy"> <span> <span class="nav-card-name">DeepL 翻译</span> <span class="nav-card-desc">号称全世界最准的翻译</span> </span> </a> <a class="nav-card-item" href="https://www.geogebra.org/" target="_blank" rel="noopener"> <img src="https://www.geogebra.org/favicon.ico" alt="GeoGebra" loading="lazy"> <span> <span class="nav-card-name">GeoGebra</span> <span class="nav-card-desc">数学教学软件，一个计算器套件</span> </span> </a> <a class="nav-card-item" href="https://www.remove.bg/zh/" target="_blank" rel="noopener"> <img src="https://t1.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=http://www.remove.bg/zh&size=50" alt="removebg" loading="lazy"> <span> <span class="nav-card-name">removebg</span> <span class="nav-card-desc">在线抠图软件，可以去除图片背景</span> </span> </a> <a class="nav-card-item" href="https://www.unscreen.com/" target="_blank" rel="noopener"> <img src="https://www.unscreen.com/favicon.ico" alt="Unscreen" loading="lazy"> <span> <span class="nav-card-name">Unscreen</span> <span class="nav-card-desc">移除任何视频的背景  — — 100% 自动，在线且免费</span> </span> </a> <a class="nav-card-item" href="https://demo.unlock-music.dev/" target="_blank" rel="noopener"> <img src="https://demo.unlock-music.dev/favicon.ico" alt="音乐解锁" loading="lazy"> <span> <span class="nav-card-name">音乐解锁</span> <span class="nav-card-desc">移除已购音乐的加密保护</span> </span> </a> <a class="nav-card-item" href="https://www.freeconvert.com/zh" target="_blank" rel="noopener"> <img src="https://www.freeconvert.com/favicon.ico" alt="freeconvert 文件转换器" loading="lazy"> <span> <span class="nav-card-name">freeconvert 文件转换器</span> <span class="nav-card-desc">轻松在线将文件从一种格式转换为另一种格式。</span> </span> </a> <a class="nav-card-item" href="https://convertio.co/zh/" target="_blank" rel="noopener"> <img src="https://static.convertio.co/favicon.ico" alt="convertio 文件转换器" loading="lazy"> <span> <span class="nav-card-name">convertio 文件转换器</span> <span class="nav-card-desc">将您的文件转换成任意格式。</span> </span> </a> <a class="nav-card-item" href="http://editimage.cn/" target="_blank" rel="noopener"> <img src="http://editimage.cn/assets/qn-0Z4EW21D.png" alt="EditIamge" loading="lazy"> <span> <span class="nav-card-name">EditIamge</span> <span class="nav-card-desc">压缩到指定 kb/MB。</span> </span> </a> <a class="nav-card-item" href="http://qiao.github.io/PathFinding.js/visual/" target="_blank" rel="noopener"> <img src="https://img1.github.io/tmp/1.jpg" alt="PathFinding.js" loading="lazy"> <span> <span class="nav-card-name">PathFinding.js</span> <span class="nav-card-desc">一个的路径搜索的动态在线演示</span> </span> </a> <a class="nav-card-item" href="https://sfumecjf.github.io/cmake-examples-Chinese/" target="_blank" rel="noopener"> <img src="https://img1.github.io/tmp/4.jpg" alt="CMake 中文文档" loading="lazy"> <span> <span class="nav-card-name">CMake 中文文档</span> <span class="nav-card-desc">热心网友根据官方教程翻译的文档</span> </span> </a> <a class="nav-card-item" href="https://icon-sets.iconify.design/" target="_blank" rel="noopener"> <img src="https://icon-sets.iconify.design/favicon.ico" alt="iconify" loading="lazy"> <span> <span class="nav-card-name">iconify</span> <span class="nav-card-desc">数千个图标，一个统一的框架</span> </span> </a> <a class="nav-card-item" href="https://icones.js.org/" target="_blank" rel="noopener"> <img src="https://icones.js.org/favicon.svg" alt="icones" loading="lazy"> <span> <span class="nav-card-name">icones</span> <span class="nav-card-desc">Icon Explorer with Instant searching, powered by Iconify</span> </span> </a> <a class="nav-card-item" href="https://www.iconfont.cn/" target="_blank" rel="noopener"> <img src="https://img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg" alt="iconfont" loading="lazy"> <span> <span class="nav-card-name">iconfont</span> <span class="nav-card-desc">iconfont - 国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能</span> </span> </a> <a class="nav-card-item" href="https://feathericons.com/" target="_blank" rel="noopener"> <img src="https://feathericons.com/favicon.ico" alt="feathericons" loading="lazy"> <span> <span class="nav-card-name">feathericons</span> <span class="nav-card-desc">简单美丽的开源图标</span> </span> </a> <a class="nav-card-item" href="https://undraw.co/" target="_blank" rel="noopener"> <img src="https://undraw.co/apple-touch-icon.png" alt="undraw" loading="lazy"> <span> <span class="nav-card-name">undraw</span> <span class="nav-card-desc">一个不断更新的设计项目与美丽的 SVG 图像，使用完全免费</span> </span> </a> <a class="nav-card-item" href="https://igoutu.cn/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/igoutu.svg" alt="igoutu" loading="lazy"> <span> <span class="nav-card-name">igoutu</span> <span class="nav-card-desc">图标、插图、照片、音乐和设计工具</span> </span> </a> <a class="nav-card-item" href="https://www.emojiall.com/zh-hans" target="_blank" rel="noopener"> <img src="https://www.emojiall.com/apple-touch-icon.png" alt="Emojiall" loading="lazy"> <span> <span class="nav-card-name">Emojiall</span> <span class="nav-card-desc">Emoji 表情大全</span> </span> </a> <a class="nav-card-item" href="https://gradihunt.com/" target="_blank" rel="noopener"> <img src="https://gradihunt.com/icon-192.png" alt="渐变色网站" loading="lazy"> <span> <span class="nav-card-name">渐变色网站</span> <span class="nav-card-desc">数百万个自动生成的渐变的网站</span> </span> </a> <a class="nav-card-item" href="https://googlefonts.cn/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/google_fonts.png" alt="谷歌字体" loading="lazy"> <span> <span class="nav-card-name">谷歌字体</span> <span class="nav-card-desc">一个生成渐变色背景的网站</span> </span> </a> <a class="nav-card-item" href="https://readme-typing-svg.herokuapp.com/demo/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/typing-svg.png" alt="Typing SVG" loading="lazy"> <span> <span class="nav-card-name">Typing SVG</span> <span class="nav-card-desc">一个动态生成的可自定义 SVG 打字效果</span> </span> </a> <a class="nav-card-item" href="https://hitokoto.cn/" target="_blank" rel="noopener"> <img src="https://hitokoto.cn/favicon.ico" alt="Hitokoto - 一言" loading="lazy"> <span> <span class="nav-card-name">Hitokoto - 一言</span> <span class="nav-card-desc">随机分享一句话</span> </span> </a> <a class="nav-card-item" href="http://yijuzhan.com/" target="_blank" rel="noopener"> <img src="http://yijuzhan.com/favicon.ico" alt="一句" loading="lazy"> <span> <span class="nav-card-name">一句</span> <span class="nav-card-desc">汇聚有料文字</span> </span> </a> <a class="nav-card-item" href="https://www.jinrishici.com/" target="_blank" rel="noopener"> <img src="https://www.jinrishici.com/img/icon-small.png" alt="今日诗句" loading="lazy"> <span> <span class="nav-card-name">今日诗句</span> <span class="nav-card-desc">每次返回一句诗词</span> </span> </a> <a class="nav-card-item" href="https://tablericons.com/" target="_blank" rel="noopener"> <img src="https://tablericons.com/favicon.ico" alt="Tabler Icons" loading="lazy"> <span> <span class="nav-card-name">Tabler Icons</span> <span class="nav-card-desc">免费和开源的图标，设计时注重细节，使您的设计脱颖而出</span> </span> </a> <a class="nav-card-item" href="https://www.opendoodles.com/" target="_blank" rel="noopener"> <img src="https://assets.website-files.com/5d5d5904f8a21bfe5ff69367/5da4e9a054896ed6d830e869_icon-32w.png" alt="Open Doodles" loading="lazy"> <span> <span class="nav-card-name">Open Doodles</span> <span class="nav-card-desc">一个免费供个人和商业使用的人物素描图库</span> </span> </a> <a class="nav-card-item" href="https://www.drawkit.io/" target="_blank" rel="noopener"> <img src="https://cdn.prod.website-files.com/6364b6fd26e298b0b8b938f5/6364b6fd26e2989baeb93925_drawkit-nav-logo.svg" alt="DrawKit" loading="lazy"> <span> <span class="nav-card-name">DrawKit</span> <span class="nav-card-desc">免费的矢量 SVG 插图，供您在下一个项目中使用，不需要署名</span> </span> </a> <a class="nav-card-item" href="https://gsap.com/" target="_blank" rel="noopener"> <img src="https://gsap.com/safari-pinned-tab.svg" alt="一个高性能的 JavaScript 动画库" loading="lazy"> <span> <span class="nav-card-name">一个高性能的 JavaScript 动画库</span> <span class="nav-card-desc"></span> </span> </a> <a class="nav-card-item" href="https://v5.bootcss.com/" target="_blank" rel="noopener"> <img src="https://img.kuizuo.cn/20210907055816.png" alt="Bootstrap" loading="lazy"> <span> <span class="nav-card-name">Bootstrap</span> <span class="nav-card-desc">Bootstrap 是全球最受欢迎的前端开源工具库，它支持 Sass 变量和 mixin、响应式栅格系统、自带大量组件和众多强大的 JavaScript 插件。基于 Bootstrap 提供的强大功能，能够让你快速设计并定制你的网站</span> </span> </a> <a class="nav-card-item" href="https://www.w3schools.com/css" target="_blank" rel="noopener"> <img src="https://www.w3schools.com/favicon.ico" alt="w3schools Css 教程" loading="lazy"> <span> <span class="nav-card-name">w3schools Css 教程</span> <span class="nav-card-desc">w3schools 从基础到高级的 CSS 教程</span> </span> </a> <a class="nav-card-item" href="https://csscoco.com/inspiration" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/css-inspiration.png" alt="CSS - Inspiration" loading="lazy"> <span> <span class="nav-card-name">CSS - Inspiration</span> <span class="nav-card-desc">CSS 灵感</span> </span> </a> <a class="nav-card-item" href="https://github.com/QiShaoXuan/css_tricks" target="_blank" rel="noopener"> <img src="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" alt="CSS 常用样式" loading="lazy"> <span> <span class="nav-card-name">CSS 常用样式</span> <span class="nav-card-desc">CSS 常用样式</span> </span> </a> <a class="nav-card-item" href="https://cssfx.netlify.app/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/cssfx.svg" alt="CSSFX" loading="lazy"> <span> <span class="nav-card-name">CSSFX</span> <span class="nav-card-desc">一个精心制作的集合设计的重点是流动性，简单性和易用性。使用最小标记的 CSS 支持</span> </span> </a> <a class="nav-card-item" href="https://www.tailwindcss.cn" target="_blank" rel="noopener"> <img src="https://www.tailwindcss.cn/favicons/apple-touch-icon.png" alt="TailwindCSS" loading="lazy"> <span> <span class="nav-card-name">TailwindCSS</span> <span class="nav-card-desc">Tailwind CSS 是一个功能类优先的 CSS 框架，它集成了诸如 flex, pt - 4, text - center 和 rotate - 90 这样的的类，它们能直接在脚本标记语言中组合起来，构建出任何设计</span> </span> </a> <a class="nav-card-item" href="https://windicss.org" target="_blank" rel="noopener"> <img src="https://windicss.org/assets/logo.svg" alt="WindiCSS" loading="lazy"> <span> <span class="nav-card-name">WindiCSS</span> <span class="nav-card-desc">Windi CSS 是下一代工具优先的 CSS 框架</span> </span> </a> <a class="nav-card-item" href="https://github.com/tw-in-js/twind" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/twind.png" alt="Twind" loading="lazy"> <span> <span class="nav-card-name">Twind</span> <span class="nav-card-desc">现存最小、最快、功能最齐全的完整 Tailwind - in - JS 解决方案</span> </span> </a> <a class="nav-card-item" href="https://uno.antfu.me/" target="_blank" rel="noopener"> <img src="https://unocss.dev/favicon.svg" alt="UnoCSS" loading="lazy"> <span> <span class="nav-card-name">UnoCSS</span> <span class="nav-card-desc">即时按需原子 CSS 引擎</span> </span> </a> <a class="nav-card-item" href="https://nostalgic-css.github.io/NES.css/" target="_blank" rel="noopener"> <img src="https://nostalgic-css.github.io/NES.css/favicon.png" alt="NES.css" loading="lazy"> <span> <span class="nav-card-name">NES.css</span> <span class="nav-card-desc">一个像素风格的 CSS 框架</span> </span> </a> <a class="nav-card-item" href="https://codeadrian.github.io/clay.css/" target="_blank" rel="noopener"> <img src="https://codeadrian.github.io/clay.css/apple-touch-icon.png" alt="clay.css" loading="lazy"> <span> <span class="nav-card-name">clay.css</span> <span class="nav-card-desc">claymorphism 泥陶态风格 CSS</span> </span> </a> <a class="nav-card-item" href="https://loading.io/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/loading.png" alt="loading.io" loading="lazy"> <span> <span class="nav-card-name">loading.io</span> <span class="nav-card-desc">Animation Made Easy</span> </span> </a> <a class="nav-card-item" href="https://uiverse.io" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/uiverse.webp" alt="神奇 UI 样式" loading="lazy"> <span> <span class="nav-card-name">神奇 UI 样式</span> <span class="nav-card-desc">我们赋予任何人创建、分享和使用用 CSS 和 HTML 制作的漂亮自定义元素的权力。</span> </span> </a> <a class="nav-card-item" href="https://codepen.io/" target="_blank" rel="noopener"> <img src="https://cpwebassets.codepen.io/assets/favicon/favicon-touch-de50acbf5d634ec6791894eba4ba9cf490f709b3d742597c6fc4b734e6492a5a.png" alt="CodePen" loading="lazy"> <span> <span class="nav-card-name">CodePen</span> <span class="nav-card-desc">一款前端所见即所得的工具，可以在线编辑制作前端页面。同时网站提供所有常见的 js、css 库，并且支持流行技术（如 SASS）</span> </span> </a> <a class="nav-card-item" href="https://hype4.academy/tools/glassmorphism-generator" target="_blank" rel="noopener"> <img src="https://hype4.academy/favicon/apple-icon-57x57.png" alt="HYPE4" loading="lazy"> <span> <span class="nav-card-name">HYPE4</span> <span class="nav-card-desc">透明玻璃态生成器</span> </span> </a> <a class="nav-card-item" href="https://wweb.dev/resources/animated-css-background-generator/" target="_blank" rel="noopener"> <img src="https://ik.imagekit.io/wwebdev/tr:w-180/logo-text_51kQarOOiD-.png" alt="wweb.dev" loading="lazy"> <span> <span class="nav-card-name">wweb.dev</span> <span class="nav-card-desc">CSS 动画背景生成器</span> </span> </a> <a class="nav-card-item" href="https://favicon.io/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/Favicon_io.png" alt="Favicon.io" loading="lazy"> <span> <span class="nav-card-name">Favicon.io</span> <span class="nav-card-desc">可以生成带有调整的网站图标 SVG 代码、生成基于文本的网站图标或生成基于表情符号的网站图标</span> </span> </a> <a class="nav-card-item" href="https://omatsuri.app" target="_blank" rel="noopener"> <img src="https://omatsuri.app/assets/favicon.ico" alt="Omatsuri" loading="lazy"> <span> <span class="nav-card-name">Omatsuri</span> <span class="nav-card-desc">收集不同的发电机，让您的生活更轻松。</span> </span> </a> <a class="nav-card-item" href="#" target="_blank" rel="noopener"> <img src="https://www.sakaay.com/img/logo.png" alt="smooth shadow" loading="lazy"> <span> <span class="nav-card-name">smooth shadow</span> <span class="nav-card-desc"></span> </span> </a> </div> <h2 id="微信公众号md渲染工具">微信公众号md渲染工具</h2> <div class="nav-grid"> <a class="nav-card-item" href="https://md2.sleele.com/" target="_blank" rel="noopener"> <img src="https://img.onedayxyy.cn/images/Teek/Teekwebsite/md2.sleele.com.png" alt="md2.sleele.com" loading="lazy"> <span> <span class="nav-card-name">md2.sleele.com</span> <span class="nav-card-desc">正在使用，不错</span> </span> </a> </div> <h2 id="网盘资源">网盘资源</h2> <blockquote> <p>影视资源下载。</p>https://www.sakaay.com/about/thouht/Sat, 04 Jan 2025 19:19:48 +0800https://www.sakaay.com/about/thouht/<div class="sk-thought-cards" data-props="{}"></div>https://www.sakaay.com/about/love/Sun, 05 Jan 2025 03:19:48 +0800https://www.sakaay.com/about/love/<div class="sk-couple-album" data-props="{}"></div>https://www.sakaay.com/about/time-line/Sun, 05 Jan 2025 03:19:48 +0800https://www.sakaay.com/about/time-line/<div class="sk-timeline" data-props="{}"></div>https://www.sakaay.com/about/pyq/Sun, 05 Jan 2025 03:19:48 +0800https://www.sakaay.com/about/pyq/<div class="sk-moments" data-props="{}"></div>