Next.js 构建博客

本专栏系统讲解使用 Next.js 构建博客的完整流程，涵盖从搭建、功能拓展到自动化部署和 SEO 优化，提供实战技巧和问题解决方案，帮助开发者高效创建高性能静态站点。

Next.js 构建博客之自动构建

本文是 Next.js 博客构建系列的第六部分，聚焦于自动化部署流程。详细解析了如何配置 GitHub Actions 工作流，通过 nextjs.yml 文件实现从代码提交到静态站点生成的自动化构建，涵盖依赖管理、缓存优化和 GitHub Pages 部署等关键步骤。

#博客搭建

2023/12/27

Next.js 构建博客之功能拓展

本文探讨了在基于 Next.js 构建的博客中实现功能增强的技术细节，包括通过事件冒泡机制为 Markdown 图片添加点击放大功能，并集成第三方服务如不蒜子进行访问量统计。

#博客搭建

2023/12/26

Next.js 构建博客之常见问题处理

本文探讨了在基于 Next.js 构建博客时处理图片盗链问题的技术方案，通过修改 referer 策略绕过防盗链机制，并详细解析了 dynamic 与 Suspense 在客户端组件延迟加载和 SEO 优化中的实际应用场景。

#博客搭建

2023/12/15

Next.js 构建博客之打包SSG

本文探讨在 Next.js 博客项目中实现静态站点生成 (SSG)，通过 generateStaticParams 枚举动态路由参数，结合 output: 'export' 配置，构建支持 GitHub Pages 部署的静态文件。同时，利用 generateMetadata 动态设置页面标题，优化 SEO 和用户体验。