案例

The Blind Walleye：营销网站的静态重建

把公开的 Blind Walleye 网站重建为 Next.js 应用。随仓库提供的抓取页 source/pages/index.html 是其中一页输入，node scripts/compare-visual.mjs 把复刻页与抓取页做像素比较，任一页超过阈值就以状态 1 退出。

目标: 网站
类别: 独立重建案例
关联: 独立重建项目
来源复核于: 2026-11-03

星标: 0
最近提交: 2026-09-27
主要语言: CSS

GitHub 数据，截至 2026-11-09

复制为 Markdown 查看 JSON 引用

使用条件与局限

范围：README 称该项目是 https://www.theblindwalleye.com 的 1:1 复制，用 Next.js 静态渲染。source/ 保存抓取结果。应用预渲染 /、/menu 和 /events，并渲染抓到的 404。source/pages 含有 index.html、menu.html、events.html 和 __404.html。
测试证据：README 写明 node scripts/compare-visual.mjs 在 1440、991 和 390 像素宽下截取抓取页和复刻页。脚本的默认 MAX_DIFF_PCT 是 0.5，任一页的差异百分比高于该阈值时以状态 1 退出。
许可：README 未写明许可证。

引用

BibTeX

@misc{blind-walleye-static-case,
  title = {{The Blind Walleye: a static rebuild of the marketing site}},
  howpublished = {\url{https://github.com/jpiercedev/blind-walleye}},
  url = {https://github.com/jpiercedev/blind-walleye},
  urldate = {2026-11-03},
  note = {Awesome REA entry: \url{https://awesomerea.org/zh/resources/blind-walleye-static-case/}}
}

纯文本

The Blind Walleye: a static rebuild of the marketing site。https://github.com/jpiercedev/blind-walleye（访问于 2026-11-03）。Awesome REA 条目：https://awesomerea.org/zh/resources/blind-walleye-static-case/

有帮助？在 GitHub 上为 Awesome REA 加星2.4k