[开源]自制WebStack导航页美化

作者：#TonyWuSheep 板块：#开发调优 本帖使用社区开源推广，符合推广要求。我申明并遵循社区要求的以下内容： 我的帖子已经打上 开源推广 标签： 是 我的开源项目完整开源，无未开源部分： 是 我的开源项目已链接认可 LINUX DO 社区： 是 我帖子内的项目介绍，AI生成、润色内容部分已截图发出： 是 以上选择我承诺是永久有效的，接受社区和佬友监督： 是 以下为项目介绍正文内容，AI生成、润色内容已使用截图方式发出 WebStack 应该不少佬友都用过，就是 webstack.cc 那个导航页。我之前也拿它搭了一个自用的，用久了有几个地方挺烦： 加个链接得去几千行 HTML 里找位置复制粘贴 样式还是 2017 年那套后台模板，看着有点老 于是在原版基础上重新改了一版。 仓库：GitHub - TonyWu2333/webstack-modern: WebStack 美化版 · A beautified WebStack link-navigation site: modern UI, smooth motion, dark mode, links in one config.yml, deploys to Vercel · GitHub 预览：https://nav.tonywu.top 主要改动 链接全写在一个 config.yml 里，不用再碰 HTML 了。改完 push 一下，Vercel 会自己重新部署 重新做了界面：卡片改成圆角，顶栏改成毛玻璃，侧边栏也重新弄了一遍 加了搜索：Ctrl+K（Mac 上 ⌘K）唤起，名称、描述、网址都能匹配，回车直接打开第一个结果 加了暗色模式：默认跟随系统，也可以手动切换 加了一点动画：滚动时卡片依次出现、鼠标移上去有光效。系统开了「减少动态效果」会自动关掉 字体改用系统自带的，去掉了原版的统计代码和外链推广 加链接的写法 - name: 常用推荐 icon: linecons-star links: - title: GitHub url: https://github.com/