小耳👂Jane|Xiaoer's banner
小耳👂Jane|Xiaoer's profile picture

小耳👂Jane|Xiaoer

@xiaoerzhan6,883 subscribers

AI 艺术家|Builder工具开源+审美 Github:https://t.co/iLbz22VXhx| Omia 阅读器➡️https://t.co/xnfI57MUqd |小耳FM ➡️https://t.co/7785X1VoZZ V: xiaoer-zhan

Videos

xiaoerzhan's profile picture

复刻skill发布 🔥 我拿这个skill 1:1复刻了当前公认的最牛前端网站 还原度可以是100% 见评论区 在这里讲讲原理 一、核心认知:网站的"真源码"到底在哪? 关键要分清两类网站—— A. 服务端渲染 / 数据驱动的站(淘宝、后台系统、大部分 SaaS) 真正的逻辑跑在你看不到的服务器上,浏览器只拿到服务器吐出来的零碎结果。 B. 静态构建站(Astro / Vite SSG / Hugo —— oryzo 就是这类) 整个客户端运行时(HTML + JS bundle + CSS + 所有 3D/图/字体资产)在构建时就全部打包成可下载的静态文件,扔到 CDN 上。没有隐藏的后端在算画面。 ▎ 💡 所以很显然B是能扒拉的~~ 二、为什么这个网站麻烦:资产是"滚动时才掏出来"的 你不能简单 wget 把 HTML 抓下来就完事。因为 oryzo 最重的东西—— - .sog 高斯泼溅数据(3MB 的 3D 场景) - 25 个 .buf(几何 + 相机动画曲线) - wasm 排序器、Rive 动画 全是 JavaScript 在你往下滚的时候才动态 fetch 的,URL 还是代码里现拼的。静态扫 HTML 根本发现不了它们。 所以 mirror-site.mjs 的做法是:开一个真浏览器,从头滚到尾,把这期间发生的每一个真实网络请求全部录下来,再照着这份"实际请求清单"逐个下载。— 这是唯一能把动态资产抓全的办法。这次抓全了 135 个。 三、为什么搬过来就渲染得一模一样? 靠的是根相对路径。oryzo 的代码里全是 /_astro/hoisted.js、/models/coaster.buf、/splats/props.sog 这种以 / 开头的路径。 只要我从 site/ 这个文件夹作为 web 根目录起服务,浏览器请求 /models/coaster.buf 就解析到我本地那份。同样的代码、同样的路径、同样的字节 → 浏览器根本分不出这是不是原站。它跑的就是 Lusion 那套真代码 + 真资产,所以连原站那俩 mp4 会 abort 的怪癖都一模一样。 唯二需要改的地方(都不是"重写",是"重定向"): 1. Typekit 字体——Adobe 按域名锁授权,换到 localhost 可能不给字体 → 把字体文件下下来自托管,改一行 Import 指向本地。 2. 删 cloudflare 追踪——一行 切掉。 其余 133 个文件零改动。所以最后 hero 像素 diff 只有 36/130万 ——那点差异还只是高斯泼溅每帧排序的随机抖动。

小耳👂Jane|Xiaoer

57,012 views • 1 month ago

xiaoerzhan's profile picture

🌐 零代码建站:一键把飞书表格变成漂亮网站 🌐 ⛑️你是不是 想搭个作品集网站,但不会写代码。 Wordpress太重,Notion太丑,付费的太贵。 资料在飞书多维表格里,每次分享得发链接、发截图。 📚飞书多维表格 ≠ 电子表格 大多数人把它当Excel用。 但它有字段、有附件、有分类、有API ——这就是一个免费的CMS(内容管理系统)。 差的只是一个把它「变成网站」的工具。 👹我写了一个 Skill: 给一个飞书表格链接,自动生成网站,自动部署上线。 💪 它怎么工作的: 飞书多维表格 → 提取数据和附件 → 生成网页 → 部署到 GitHub Pages → 自动刷新 全程 Claude Code 执行,你只需要说一句:"帮我把这个飞书表格变成网站"。 🧙‍♂️适合谁用 🙋 AI创作者 → 视频、图片作品需要一个对外展示的窗口 🙋 自由设计师/摄影师 → 给客户看样片,不用再发网盘链接 🙋 小团队/工作室 → 需要官网但没有开发资源 🙋 课程讲师/培训师 → 课程列表、学员案例需要一个落地页 🙋 独立开发者 → 产品介绍页,表格改了网站就更新 🙋 线下门店老板 → 菜单、价目表、活动信息在线化 🙋 HR/招聘负责人 → 岗位信息在飞书管理,官网自动同步 🙋 社群运营 → 活动排期、资源合集需要一个长期展示页 一句话:只要你的内容管理在飞书,就能一键变成网站。 📌 能变成什么网站? 📌 作品集 → 我自己做的: 📌 产品目录 → 表格里填商品信息,自动生成带分类筛选的展示页 📌 餐厅菜单 → 在飞书改价格加菜品,网站实时同步 📌 招聘页面 → HR在表格里更新岗位,官网自动刷新 📌 活动列表 → 社群活动、课程排期,表格即官网 📌 设计师样片库 → 客户打开链接直接选片,不用再发压缩包 📌 门店价目表 → 改一个单元格,全网价格同步 你在飞书里编辑,网站自动更新。 不用写代码,不用租服务器,不用花一分钱(域名每年花10块钱人民币)。 免费开源,MIT License。 ⭐ 记得要去看啊:

小耳👂Jane|Xiaoer

18,243 views • 3 months ago

No more content to load