BlogCard (am-blog-card)

BlogCard 將文章列表常見的圖片、分類、日期、標題、摘要、作者與閱讀時間收進可重用的 semantic card。

Contract

• title 與 href 是必要欄位
• image 使用 { src, alt, width?, height? }，沒有圖片時會顯示 token-driven placeholder
• dateTime 會輸出到原生 <time> 的 datetime
• author 與 readingTime 會以 <dl> 輸出 metadata

<BlogCard
  title="A quieter content workflow"
  href="/blog/content-workflow"
  category="Product craft"
  date="04 Sep 2026"
  dateTime="2026-09-04"
  excerpt="A short summary for scanning and discovery."
  author="Ariel Chen"
  readingTime="6 min read"
  image={{ src: "/blog/workflow.webp", alt: "Notebook beside a laptop" }}
/>

元件只負責呈現與導覽，不負責文章查詢、分頁或 CMS。詳見 playground /playground/marketing/。