Next.js 构建博客之自动构建
本文详解如何利用 GitHub Actions 实现 Next.js 博客的自动化构建与部署，通过配置 .github/workflows/nextjs.yml 文件，在代码提交或 Issues 变动时自动触发构建流程，无需手动操作即可将静态资源部署至 GitHub Pages。适合希望提升开发效率、实现 CI/CD 的前端开发者。
Next.js 构建博客系列
6 篇文章最后更新: 2023年12月27日
本专栏将带你从零开始构建一个基于 Next.js 的静态博客系统。内容涵盖资源抓取（通过 GitHub API 获取 issues 和 labels）、博客页面搭建（首页、详情页、分类页及分页逻辑）、静态站点生成（SSG 配置与 SEO 优化）、常见问题处理（图片盗链、动态加载、首屏白屏等）、功能拓展（图片预览、点击量统计、代码复制等）以及自动化部署（GitHub Actions 实现 CI/CD）。读者可掌握 Next.js 全流程开发技能，包括数据获取、路由配置、性能优化和持续集成，适用于希望用代码驱动内容创作的开发者。
Next.js 构建博客之功能拓展
本文深入探讨如何为Next.js博客添加实用功能，包括图片放大预览、文章点击量统计、Google收录验证、代码复制与运行支持及全文搜索功能。通过客户端渲染和插件扩展，提升用户体验与SEO表现，让博客更具交互性和专业度。
Next.js 构建博客之常见问题处理
本文聚焦于使用 Next.js 构建博客时常见的技术难题，涵盖图片盗链绕过、dynamic 和 Suspense 的合理应用、避免首屏重定向白屏问题，以及 Antd 样式加载导致的骨架屏异常。通过实用代码示例与解决方案，帮助开发者提升性能与用户体验，是 Next.js 博客开发不可错过的避坑指南。
Next.js 构建博客之打包SSG
本文深入讲解如何在Next.js项目中实现静态站点生成（SSG），解决博客部署中的SEO与首屏加载问题。通过generateStaticParams枚举动态路由，结合generateMetadata动态设置页面元信息，帮助开发者高效构建高性能静态博客。
Next.js 构建博客之博客搭建
本文详解如何使用 Next.js 搭建基于 GitHub Issues 的博客系统，通过抓取 issues 和 labels 实现文章与栏目展示。重点讲解首页、详情页、分类页及分页功能的实现逻辑，涵盖路由配置、数据渲染、客户端组件使用等关键技术点，适合希望用代码驱动内容创作的开发者快速上手。
Next.js 构建博客之资源抓取
本文详解如何利用 GitHub API 和 Next.js 构建博客的第一步——资源抓取。通过自动化拉取 issues 和 labels 数据，解决 API 调用限制与分页难题，并构建可复用的 JSON 数据结构，为后续博客内容渲染打下坚实基础。适合希望实现静态生成博客的开发者参考。
