/
/ 规格说明

提交指南

项目提交时需要的图片尺寸、字段要求和降级策略说明,确保你的作品在 Gallery 中以最佳效果呈现。

卡片封面
最大 440 x 140
详情封面
至少 1920 x 320
中心安全区
关键内容保持居中
卡片封面

首页项目卡片封面

首页项目卡片顶部的封面图。高度固定,宽度随网格列数自适应。

440 x 140 px,1400px 下 3 列
360 x 140 px,1024px 下 4 列
440 × 140
360 × 140
max 440px
min 360px

两种卡片宽度都使用 140px 高度;内层虚线表示窄卡片宽度下的可见范围。

分辨率440 × 140 px max / 360 × 140 px min
宽高比~3 : 1 to 2.4 : 1
高度140 px fixed
中心安全区Logo 和标题保持居中

示例

Example card cover
中心安全区

主要內容请放在封面中间区域。

Logo、标题、关键视觉元素避开两侧红色区域 — 窄卡片宽度下可能被裁切。
核心元素保持在中心安全区内,确保在不同屏幕尺寸下始终可见。
详情封面

项目详情页封面

项目详情页顶部的大幅封面图。全宽布局,核心内容居中,兼容 24"(1920 × 1080)到 4K(3840 × 2160)显示。

3840 x 320 px,大屏最佳尺寸
1920 x 320 px,最低上传尺寸
3840 × 320
1920 × 320
max 3840px
min 1920px

重要内容保持在中心安全区。外层表示 4K 源图宽度,内层虚线表示最低 1920px 上传范围。

示例

Example detail banner
1920 × 320
中心安全区

主要內容请放在封面中间区域。

Logo、标题、关键视觉元素避开两侧红色区域 — 窄卡片宽度下可能被裁切。
核心元素保持在中心安全区内,确保在不同屏幕尺寸下始终可见。

封面铺满整个视窗宽度。中心 70% 区域的内容在 24"(1920 × 1080)到 4K(3840 × 2160)上均保证可见。建议上传至少 1920 × 320 以获得清晰显示。

高度320 px fixed
宽度100vw / 1920-3840 px source
构图建议重要元素放在中间区域
重叠内容区向上重叠 banner 底部 80px
降级

图片降级链

当高优先级图片缺失时,系统自动降级到下一个可用选项。

自定义 Banner
最佳效果 — 上传定制封面图
项目封面图
从封面颜色自动生成渐变
默认渐变
始终可见 — 不会留空
字段

字段要求

提交表单中的所有字段、必填状态和格式说明。

字段类型必填说明
项目名称text显示在卡片和详情页
标语text卡片上的一句话摘要
简介text卡片上的简短描述,约 3 行
详细描述markdown可选详情页的完整 Markdown
技术栈tags可选逗号分隔的自由标签
封面图image推荐16:9 比例,首张媒体为封面
Banner 图image推荐432 × 140(卡片)/ 1920 × 320(详情)
相册图片image可选可选附加截图
GitHub 仓库url可选公开仓库链接
在线演示url可选可选部署链接