使用Claude Code创建个人博客项目,首页和文章列表(2)

35 阅读1分钟
创建首页组件,要求:

**Hero区域:**
-个人头像(圆形,120px)
-博客标题:“我的技术博客”
-简介:2-3句话介绍自己
-社交媒体图标:GitHub、Twitter、邮箱

**最新文章区域:**
-显示最新5篇文章
-每篇文章卡片包含:
 -文章标题
 -发布日期
 -文章摘要(前150字)
 -阅读时间估算
 -“阅读更多”按钮

**样式要求:**
-简洁现代风格
-卡片hover时轻微上浮效果
-使用Tailwind CSS实现
-响应式布局(桌面3列,平板2列,手机1列)

请生成完整的page.tsx代码。

使用以上说明,优化首页和文章列表。如下图:

V2.png