如何添加截图.md 1.3 KB
如何添加界面截图
📸 步骤说明
1. 准备截图
截取您想要展示的界面，建议使用以下方式：
- 使用浏览器开发者工具（F12）截取完整页面
- 使用截图工具（如 Snipaste、Windows 截图工具等）
- 确保截图清晰、完整
2. 命名图片
将截图保存为以下文件名之一（支持 PNG 或 JPG 格式）：
| 界面 | 文件名 |
|---|---|
| 工作台 | dashboard.png 或 dashboard.jpg |
| 访客端 | visitor.png 或 visitor.jpg |
| AI配置 | ai-config.png 或 ai-config.jpg |
| 用户管理 | users.png 或 users.jpg |
| FAQ管理 | faq.png 或 faq.jpg |
3. 放置文件
将截图文件复制到以下目录：
frontend/public/images/screenshots/
4. 查看效果
刷新网页，打开界面展示部分，即可看到您的截图。
📋 图片要求
- 格式：PNG 或 JPG
- 尺寸：建议 1920x1080 或保持 16:9 比例
- 大小：每张图片建议不超过 2MB，以保证加载速度
- 质量：清晰、完整，能够展示界面核心功能
💡 提示
- 如果图片不存在或加载失败，系统会自动显示占位符图标
- 您可以随时替换截图文件，刷新页面即可看到更新
- 建议使用 PNG 格式以获得更好的质量