Add the Blog Summary Card template (`blog-summary-card`)
维护者通常 1 天内回复
还没有人认领这个 Issue。
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 58/100
- Issue 类型
- 功能
- 描述清晰度
- 描述清楚
- 活跃度
- 活跃
- 技术栈
- typescript
- 领域
- design
调研方向
Start with src/templates/blog/minimal-light.ts for the light palette and src/templates/ecommerce/product-card.ts for the card layout. Implement the specified template in src/templates/blog/summary-card.ts, then re-export it from src/templates/blog/index.ts and register it in the Blog block of src/templates/registry.ts. Check the shared template checklist in #5; done means the excerpt stays within the card, initials and the author circle behave as specified, and the template is registered.
由索引模型根据 Issue 内容生成。
描述
Part of #5. A card-style blog preview with a reading-time pill.
Idea
A white card with rounded corners and a soft shadow floats on a light background. The left 38% of the card is a "cover" panel filled with an accent gradient, showing the category name in large type. The right side has a category pill, the title, a two-line excerpt, and a footer with an initials circle for the author, "Author · Date", and a "6 min read" pill.
Template details
- File:
src/templates/blog/summary-card.ts, idblog-summary-card - Fields:
commonFields.title,commonFields.description,commonFields.author,commonFields.date,commonFields.category,readTime(text, default "6 min read"),commonFields.siteName,{ ...commonFields.bgColor, defaultValue: '#F4F1EC' },commonFields.accentColor,{ ...commonFields.textColor, defaultValue: '#1F2937' }
Where to look
- Closest reference:
src/templates/blog/minimal-light.ts(light palette),src/templates/ecommerce/product-card.ts(card with an image area)
Acceptance criteria
- Excerpt is truncated so it never pushes the footer off the card
- Author initials are computed from the author name; the circle is hidden when author is empty
- Re-exported in
src/templates/blog/index.tsand registered in the Blog block ofsrc/templates/registry.ts - Meets the shared template checklist in #5
One template per contributor at a time, so more people get a chance.
Want to work on this? Comment below and I'll assign it to you. Please take one issue at a time, branch off dev, and open your PR against dev with Closes #<this issue number>.
- 主要语言
- TypeScript
- 星标
- 8
- 派生
- 4
- 平均合并
- 6 小时 37 分钟
- 30 天内合并 PR
- 58
环境准备
- 没有 Dockerfile 或 Docker Compose 文件
- 有 Pull Request 模板
- 阅读贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
codercops/ogcops 的其他 Issue
-
hacktoberfest help wanted templates
难度 2/5 1-3 小时 新手友好度 78/100
维护者通常 1 天内回复
-
good first issue hacktoberfest templates
难度 2/5 1-3 小时 新手友好度 82/100
维护者通常 1 天内回复
-
Add the GitHub Issue Card template (`github-issue-card`)可能重新可做 关联的 PR 已关闭且未合并。 未关闭good first issue hacktoberfest templates
难度 2/5 1-3 小时 新手友好度 82/100
维护者通常 1 天内回复
-
Gallery search and filters stop working after you come back to /templates through a site link可能已有人在做 @prakashNalla 于 1 天前认领。 未关闭bug good first issue hacktoberfest ui
codercops/ogcops#151 · 4 条评论 · 已指派 1 人 ·
维护者通常 1 天内回复
-
hacktoberfest
难度 1/5 1 小时以内 新手友好度 35/100
维护者通常 1 天内回复
相似的 Issue
-
ready-for-agent
难度 2/5 1-3 小时 新手友好度 68/100
xavxyz/bei-shan-lin-shui#57 ·
维护者通常 1 天内回复
-
[BUG] rag: sentence content can cross the reported sentence boundaries可能已有人在做 @LJK-ikun 今天认领。 未关闭bug
难度 2/5 1-3 小时 新手友好度 75/100
维护者通常 1 天内回复
-
bug needs-triage
难度 2/5 1-3 小时 新手友好度 70/100
维护者通常 1 天内回复
-
README: the Resource URI Schemas example's file://documents/* pattern only matches that literal URI未关闭
难度 1/5 1 小时以内 新手友好度 88/100
platformatic/mcp#361 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 65/100
siyuan-note/siyuan#20799 · 7 条评论 ·
维护者通常 1 天内回复