艺术风格画廊

基于 Vite + React 的艺术风格与艺术家参考画廊，支持浏览、搜索、筛选与提示词复制。

本地开发

npm install
npm run dev

开发服务器启动后，在浏览器中打开终端显示的本地地址即可。

拉取缩略图

从 Wikimedia Commons 为目录条目拉取开放许可缩略图（需网络）：

npm run fetch:images

路由说明

应用使用 Hash 路由（HashRouter），无需服务器端重写。示例：

• 首页：#/
• 风格列表：#/styles
• 风格详情：#/styles/cyberpunk
• 艺术家列表：#/artists
• 艺术家详情：#/artists/van-gogh
• 关于：#/about

图源政策

• 缩略图仅使用 Wikimedia Commons 等开放许可来源。
• 不得上传或引用未经授权的原创作品或受版权保护的材料。
• 每条目的图片来源与许可信息见详情页署名区。

部署到 GitHub Pages

1. 将代码推送到 main 分支。
2. 在仓库 Settings → Pages 中，将 Source 设为 GitHub Actions。
3. 推送后会自动运行 .github/workflows/pages.yml：执行测试、数据校验与构建，并发布 dist 目录。

站点基础路径为 /art-styles-gallery/（见 vite.config.js 中的 base）。

其他命令

npm test              # 运行单元测试
npm run validate:data # 校验 catalog JSON
npm run build         # 构建生产包（含 catalog 重建）
npm run preview       # 本地预览构建结果