<h1>个人作品集网站</h1>
<h2>Overview</h2>
<p>这是一个使用 Next.js 和 TypeScript 构建的现代化个人作品集网站，采用静态站点生成（SSG）技术，确保快速加载和优秀的 SEO 表现。</p>
<h2>Problem</h2>
<p>需要一个展示个人项目、技术文章和联系方式的平台，要求：</p>
<ul>
<li>快速加载</li>
<li>SEO 友好</li>
<li>易于维护和更新</li>
<li>响应式设计</li>
</ul>
<h2>Approach</h2>
<p>采用 Next.js SSG 方案，通过 Markdown 文件管理内容，实现内容与代码分离：</p>
<ul>
<li>使用 <code>gray-matter</code> 解析 Markdown frontmatter</li>
<li>使用 <code>remark</code> 将 Markdown 转换为 HTML</li>
<li>实现动态路由支持文章和项目详情页</li>
<li>采用 Tailwind CSS 实现响应式设计</li>
</ul>
<h2>Output</h2>
<ul>
<li>完整的个人作品集网站</li>
<li>支持文章和项目的动态展示</li>
<li>响应式设计，适配各种设备</li>
<li>优秀的性能和 SEO 表现</li>
</ul>
<h2>Status</h2>
<p>项目已完成并部署到 Vercel，持续更新中。</p>


GitHub

在线演示

使用 Next.js 构建的响应式个人作品集网站，展示项目、文章和联系方式。