[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-77444":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":8,"htmlUrl":8,"language":9,"languages":8,"totalLinesOfCode":8,"stars":10,"forks":11,"watchers":11,"openIssues":12,"contributorsCount":12,"subscribersCount":12,"size":12,"stars1d":13,"stars7d":14,"stars30d":15,"stars90d":12,"forks30d":12,"starsTrendScore":16,"compositeScore":17,"rankGlobal":8,"rankLanguage":8,"license":8,"archived":18,"fork":18,"defaultBranch":19,"hasWiki":20,"hasPages":18,"topics":21,"createdAt":8,"pushedAt":8,"updatedAt":22,"readmeContent":23,"aiSummary":24,"trendingCount":12,"starSnapshotCount":12,"syncStatus":13,"lastSyncTime":25,"discoverSource":26},77444,"qiaomu-artist-style","joeseesun\u002Fqiaomu-artist-style","joeseesun",null,"TypeScript",129,21,0,2,5,59,7,4.03,false,"main",true,[],"2026-06-12 02:03:43","# Qiaomu Artist Style\n\n> 用同一句提示词，看 383 位画家风格的差异。\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fvercel.com\u002Fnew\u002Fclone?repository-url=https%3A%2F%2Fgithub.com%2Fjoeseesun%2Fqiaomu-artist-style&project-name=qiaomu-artist-style&repository-name=qiaomu-artist-style\">\u003Cimg alt=\"Deploy with Vercel\" src=\"https:\u002F\u002Fvercel.com\u002Fbutton\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fjoeseesun\u002Fqiaomu-artist-style\u002Fstargazers\">\u003Cimg alt=\"Stars\" src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fjoeseesun\u002Fqiaomu-artist-style?style=for-the-badge&labelColor=1d1a16&color=a83b2d&logo=github&logoColor=white\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fjoeseesun\u002Fqiaomu-artist-style\u002Fnetwork\u002Fmembers\">\u003Cimg alt=\"Forks\" src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fforks\u002Fjoeseesun\u002Fqiaomu-artist-style?style=for-the-badge&labelColor=1d1a16&color=2f6f5e&logo=github&logoColor=white\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fjoeseesun\u002Fqiaomu-artist-style\u002Fissues\">\u003Cimg alt=\"Issues\" src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fissues\u002Fjoeseesun\u002Fqiaomu-artist-style?style=for-the-badge&labelColor=1d1a16&color=355c7d&logo=github&logoColor=white\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fjoeseesun\u002Fqiaomu-artist-style\u002Fcommits\u002Fmain\">\u003Cimg alt=\"Last commit\" src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flast-commit\u002Fjoeseesun\u002Fqiaomu-artist-style?style=for-the-badge&labelColor=1d1a16&color=e8ddce&logo=git&logoColor=1d1a16\" \u002F>\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Cimg src=\"docs\u002Fassets\u002Fproduct-screenshot.png\" alt=\"Qiaomu Artist Style 产品截图：画家风格图鉴、统一提示词、搜索筛选和图片网格\" width=\"100%\" \u002F>\n\u003C\u002Fp>\n\n这是一个画家风格对照网站：所有图片都使用同一个场景提示词，只替换画家名字，方便直观看到不同艺术家的构图、色彩、笔触和情绪差异。\n\n当前从 `\u002FUsers\u002Fjoe\u002FDownloads\u002F1260位绘图艺术家名单.md` 中筛选 500 位画家尝试生成，并只保留已生成本地 WebP 图片的 383 位画家。页面不展示无图作者。\n\n## 样例风格\n\n统一提示词：\n\n```text\n远处是山，近处是深林和小溪，{画家名字}风格的一幅画\n```\n\n| Alphonse Mucha | Claude Monet | Katsushika Hokusai | Andy Warhol |\n|---|---|---|---|\n| \u003Cimg src=\"docs\u002Fassets\u002Fsamples\u002Falphonse-mucha.webp\" alt=\"阿尔丰斯·穆夏风格样例\" width=\"180\" \u002F> | \u003Cimg src=\"docs\u002Fassets\u002Fsamples\u002Fclaude-monet.webp\" alt=\"克劳德·莫奈风格样例\" width=\"180\" \u002F> | \u003Cimg src=\"docs\u002Fassets\u002Fsamples\u002Fkatsushika-hokusai.webp\" alt=\"葛饰北斋风格样例\" width=\"180\" \u002F> | \u003Cimg src=\"docs\u002Fassets\u002Fsamples\u002Fandy-warhol.webp\" alt=\"安迪·沃霍尔风格样例\" width=\"180\" \u002F> |\n| 装饰线条、海报构图、精致插画感 | 光色变化、可见笔触、空气感 | 东方线条、留白、平面构图 | 高识别符号、强烈色块 |\n\n## 功能\n\n- 搜索画家英文名、中文名和风格标签\n- 按流派筛选\n- 收藏喜欢的风格，保存在本地浏览器\n- 点击缩略图进入 lightbox 查看\n- 用方向键左右切换图片\n- 一键复制画家名称提示词\n- 每张图片展示中文翻译、原始风格名和属性信息\n\n## 移动端\n\n页面是移动端友好的：小屏下会切成单列图片流，筛选标签横向滑动，lightbox 会把大图和详情上下排列，避免横向溢出。\n\n\u003Cp align=\"center\">\n  \u003Cimg src=\"docs\u002Fassets\u002Fmobile-screenshot.png\" alt=\"Qiaomu Artist Style 移动端截图\" width=\"360\" \u002F>\n\u003C\u002Fp>\n\n## 一键部署\n\n[![Deploy with Vercel](https:\u002F\u002Fvercel.com\u002Fbutton)](https:\u002F\u002Fvercel.com\u002Fnew\u002Fclone?repository-url=https%3A%2F%2Fgithub.com%2Fjoeseesun%2Fqiaomu-artist-style&project-name=qiaomu-artist-style&repository-name=qiaomu-artist-style)\n\n部署说明：\n\n1. 点击按钮。\n2. 登录 Vercel 并选择你的 GitHub 账号。\n3. 保持默认配置，直接 Deploy。\n\n部署时不需要环境变量，因为当前页面直接读取仓库内的静态 WebP 图片。\n\n## 本地开发\n\n```bash\nnpm install\nnpm run dev\n```\n\n## 改成你的同场景图库\n\n这个项目的核心是“同一个场景 + 不同艺术家风格”。要改成其他主题，只需要先改一行配置：\n\n```ts\n\u002F\u002F data\u002Fsite-config.ts\npromptTemplate: \"一只在窗台睡觉的加菲猫，{artist}风格的一幅画\"\n```\n\n然后重新生成图片：\n\n```bash\nexport HIAPI_API_KEY=\"your_key\"\nnpm run generate:images -- --limit=12 --force=true\n```\n\n说明：\n\n- `{artist}` 是占位符，脚本会替换成每位画家的英文名。\n- 不加 `--force=true` 时，脚本会跳过已有 WebP。\n- 想保留旧图，请先备份 `public\u002Fgenerated\u002F`，再强制重生成。\n\n## 自动更新截图\n\nREADME 顶部的产品截图由 Playwright 自动生成。先启动本地服务，再运行截图脚本：\n\n```bash\nnpm run build\nnpm run start\nSCREENSHOT_URL=http:\u002F\u002F127.0.0.1:3000 npm run capture:screenshots\n```\n\n截图会写入：\n\n- `docs\u002Fassets\u002Fproduct-screenshot.png`\n- `docs\u002Fassets\u002Fartist-card-sample.png`\n- `docs\u002Fassets\u002Fmobile-screenshot.png`\n\n## 生成图片\n\n图片由 HiAPI 生成后保存为静态资源。只有重新补图时才需要本地配置 API key；部署和浏览不需要。\n\n```bash\nexport HIAPI_API_KEY=\"your_key\"\nnpm run generate:images -- --limit=12\n```\n\n脚本会跳过已经存在的 WebP 文件。生成结果位于 `public\u002Fgenerated\u002F`。建议分批生成，避免 HiAPI 单次批量超时：\n\n```bash\nnpm run generate:images -- --offset=12 --limit=25\nnpm run generate:images -- --offset=37 --limit=25\n```\n\n可选参数：\n\n- `--limit=25`：本批最多处理多少位画家\n- `--offset=50`：从第几个画家开始\n- `--quality=82`：WebP 压缩质量\n- `--force=true`：覆盖已有 WebP，适合改了统一场景后重生成\n- `--stop-on-error=true`：单个画家失败时立即停止，默认会记录失败并继续后面的队列\n\n最终站点数据只包含有本地 WebP 图片的作者，不展示无图占位卡。无图作者已备份到 `docs\u002Fgenerated-artists.md`，后续补图后可重新收口数据。\n\n## 作者名单\n\n重新从原始名单生成 500 人数据：\n\n```bash\nnpm run build:artists\n```\n\n当前筛选规则：\n\n1. 固定保留最初测试的 6 位画家。\n2. 优先选择已经归类到明确风格分类的艺术家。\n3. 优先保留名单中带中文名或加粗标注的艺术家。\n4. 最后按原始名单顺序补足到 500 位。\n\n最终上线名单：\n\n- 原始筛选：500 位\n- 已生成并保留：383 位\n- 未生成并备份：117 位，见 `docs\u002Fgenerated-artists.md`\n\n## Star History\n\n\u003Ca href=\"https:\u002F\u002Fwww.star-history.com\u002F#joeseesun\u002Fqiaomu-artist-style&Date\">\n  \u003Cimg src=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=joeseesun\u002Fqiaomu-artist-style&type=Date\" alt=\"Star History Chart\" \u002F>\n\u003C\u002Fa>\n\n## Troubleshooting\n\n| 问题 | 处理方式 |\n|---|---|\n| Vercel 部署后图片 404 | 确认 `public\u002Fgenerated\u002F` 已提交到 GitHub，站点数据只应引用存在的 WebP。 |\n| README 截图脚本提示缺少浏览器 | 运行 `npx playwright install chromium` 后再执行 `npm run capture:screenshots`。 |\n| 重新生成图片速度慢 | 分批运行 `generate:images`，脚本会自动跳过已经存在的 WebP。 |\n","Qiaomu Artist Style 是一个用于展示383位画家风格差异的网站。该项目通过使用相同的场景提示词生成不同艺术家的作品，以直观地对比每位艺术家在构图、色彩、笔触和情绪上的独特之处。采用TypeScript开发，具备搜索、筛选、收藏以及详细查看等功能，并且支持移动端友好显示。适合艺术爱好者、教育工作者或任何对绘画风格有兴趣的人士用来探索和学习不同艺术家的独特风格。","2026-06-11 03:55:27","CREATED_QUERY"]