8.1 KiB
8.1 KiB
项目长期记忆(Project MEMORY.md)
模块策略(重要)
- 站点按模块逐个完善。当前上线「发布会模块」:首页 index + 走秀列表/详情(RunwayLooks = 走秀档案页,articles/shows 页面已在 i18n 重构中重组)。
- 品牌索引页已下线(2026-08-26 确认):
src/pages/brands.astro及孤儿组件src/components/pages/brands.astro均已删除;品牌数据现在只通过走秀页侧栏 filter + 品牌弹窗呈现(热门 30 条走 SSG 接口,搜索/字母走运行时/api/v1/public/brands)。 - 占位模块组件已清理(2026-08-29):
components/pages/下About/Contact/LatestProjects/Portfolio/Login/Register/AuthForm/article等占位/旧详情组件查无引用、也不是真实路由,已删除并移除空目录。 - 导航死链清理(2026-08-30):用户决定移除
/latest-projects、/about、/contact三个死链——已从Layout.astro主导航(早已不在)、routes.ts(latestProjects/about/contact键)、dictionary.ts(about/contact/latest projects 翻译键)三处清除,全 src 扫描零残留引用。剩余死链/portfolio、/login、/register保留未动(Portfolio 导航项、Login/Signup 链接仍展示,用户未要求移除)。 - 「header 别动」解读(2026-08-30 明确):用户「header 别动」指不要擅自改导航结构与视觉;但用户主动批准的导航调整(Runway 下拉改 5 个 collection 分类、Street Style 下拉减为 3 城、删除死链项)均属于已授权变更,不算违规。
/en/login、/en/register实际并非真实页面(旧 MEMORY 记录有误),AuthForm 组件已随清理删除。
架构总览
- 前端:d:/project/frontend_v2 — Astro SSG + Tailwind v4 + Alpine.js。
npm run build(SSG 取数走 ssgRequest,失败回落空/假数据不影响构建)。 - 后端:d:/project/backend_v2 — Go + Gin + GORM(MySQL),公开引擎 :8090(
/api/v1/public/*、/api/v1/auth/*),SSG 内部引擎 :8091(仅 127.0.0.1,/api/v1/ssg/*,SSGToken 中间件,nginx 不反代)。 - SSG 分组现状(2026-08-26):只剩两个端点——
/api/v1/ssg/index/runway(首页 runway 区块,IndexService.Runway,hotBrand 20 条)+/api/v1/ssg/brands/hot(走秀页热门品牌,BrandService.Hot,固定 30 条、按图片总数热度顺序,零参数)。/ssg/brands(全量 A-Z)与/ssg/articles/ids均已删除。 - 接口 i18n 约定:后端按
?locale=cn|en选列返回(pickLocale 缺翻译回落另一语言);前端取数统一复用带 locale 的原语(request/ssgRequest 等),绝不裸写 fetch;语言以 URL 前缀为准。 - 走秀标题
title_cn已规则回填(backend_v2scripts/backfill_title_cn/main.go,幂等);description_cn为空白属预期,中文页回落英文。
关键约定
- 视觉语言:黑白极简编辑风(monospace + Georgia 衬线大标题 + 细线),HBX / 时尚档案调性。字体全走 Tailwind 体系,禁止自写字体栈。
- 品牌名前端一律只显示英文(用户偏好 2026-08-26:「前端品牌不要展示中文名称,标题可以留着」):api.ts 映射
display = nameEn;走秀标题/描述仍按 locale 选列。 - API 命名哲学(用户原则):「每一个地方尽可能不要通过参数来复用接口,尽量一个功能一个接口」。查询参数仅限「同一资源的列表筛选/分页」;跨资源/独立功能一律独立路径(如
brands/hot而非?featured=1)。待办:公开侧/api/v1/public/brands的 featured/keyword/letter 参数拆分、/articles的brand_id拆brands/:id/shows、资源命名showsvsarticles、popularvsfeatured(目标清单见 artifactapi_endpoints_catalog.md)。 - CSS:能 @apply 就 @apply;
<style>顶部@reference "tailwindcss";。Tailwind v4 无零值类。 - 导航(Layout.astro):「header 别动」指不擅自改结构/视觉,但用户主动批准的导航调整有效(Runway 下拉改 4 个 collection 分类 rtw/menswear/couture/resort、Street Style 下拉减为「全部/Paris/New York/Milan」4 项、移除 latest-projects/about/contact 死链)。剩余死链 /portfolio、/login、/register 用户未要求动,保留。
Layout 陷阱(2026-08-12)
- Layout 把
<slot />包在flex-1 flex flex-col容器里;页内根容器禁用m-auto(cross-axis margin:auto 触发 shrink-to-fit → 内容多少决定宽度、页面抖动)。用w-full(可配max-w-[xxx]+mx-auto)。
Astro <script> 两大坑
- 作用域隔离:frontmatter 的 import/变量在打包型
<script>里拿不到(运行时 ReferenceError);脚本里要用什么就在脚本顶部重新 import。 - 不做模板插值:打包型
<script>里{t('...')}不会被执行 →t is not defined。预翻译用define:vars={{ hiLabel }}注入;模板区{t()}正常。 - 打包后脚本在
_astro/*.js而非内联;查 dist 产物用 search_content(ripgrep),PowerShell 无Select-String -Recurse。
走秀数据分类(brand_runway)
- 三维分类字段:
collection_type(rtw/menswear/couture/resort/pre_fall)、season(spring/fall/null)、season_code(SS26/FW25…派生)。靠 title 规则回填(幂等,25,206 行)。 - 公开列表
?collection_type=&season=&season_code=&year=筛选;前端走秀页有系列/季节/年份 chips。 - 地理/城市维度(runway):用户明确暂不做。
- 分布:rtw 15203 / menswear 4061 / couture 672 / resort 2894 / pre_fall 2376。
街拍地区分类(street_snap.city,2026-08-30)
- 全链路已落地:DB 加
city列(VARCHAR(128),脚本scripts/sql/004_add_streetsnap_city.sql+ 幂等回填scripts/backfill_city/main.go,无 AutoMigrate)+ 后端StreetSnapQuery.City精确匹配WHERE city = ?+ 前端 header 下拉?city=+ 列表侧栏 City pills + 深链自动选中。 - 规范值约定(重要):city 列存「首字母大写英文规范名」(Paris / New York / Copenhagen …),前端 header 下拉与列表
cityOptions的 value 用同一大写值,后端做精确匹配、大小写敏感,必须前后一致。backfill 首选从 title 第一段(location,\t分隔)按城市关键词匹配,兜底从 source_url/cover 的 URL slug 解析。 - 前端
t('Paris')经translate()自动key.toLowerCase()查字典,中文回落「巴黎」,i18n 正常。 - dev 库 db_dev.street_snap 仅 12 行样本(Paris 8 / Copenhagen 4),其余下拉城市(London/Milan…)本地预览为空属预期;生产真实爬取数据才有完整覆盖。
- 验证:重启后端 :8090 后,
?city=Paris→8、?city=Copenhagen→4、?city=London→0、无参→12,全链路通过。client_sign 本地enabled:false,可直接 curl/Node 验证。
前端组件复用(2026-08-29)
- 详情页统一
/item:走秀 lookbook 与街拍详情全部收口到src/pages/{locale}/item/[id].astro,服务端按getSsrArticle(id)→getSsrStreetSnap(id)回落渲染(先 runway 后 street)。ROUTES.article与ROUTES.streetSnap均指向/item/${id}(runway-looks/[id]、street-snaps/[id]、article.astro(?id=)等旧详情页均已删除)。列表页回链仍指向列表/runway-looks、/street-snaps。 - 列表页共享资源:两个列表组件(RunwayLooks / StreetSnaps)同构,抽成
src/styles/look-grid.css(卡片/网格/分页/侧栏/spinner/骨架/动画)+src/lib/looks-grid.ts(SPIN_SVG、makeCardSlots(images,count,opts)、buildPageList(total,cur));品牌筛选弹窗src/components/BrandModal.astro(仅 RunwayLooks 用,openBrandModal/confirmBrandModal等由页面脚本驱动)。卡片标记因在 Alpinex-for内客户端渲染,不能提成 Astro 组件。
部署(Docker + Gitea Actions)
- 交付文件:前端 Dockerfile / nginx.conf / docker-compose.yml / deploy.sh / .gitea/workflows/deploy.yml / .env.example / DEPLOY.md;后端 Dockerfile。nginx 拦截
/api/v1/ssg/404;健康检查/api/v1/public/brands。