小🐑的博客

#博客搭建

介绍博客简单的过程

共 6 篇文章

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

本文详解如何利用 GitHub Actions 实现 Next.js 博客的自动化构建与部署，通过配置 .github/workflows/nextjs.yml 文件，在代码提交或 Issues 变动时自动触发构建流程，无需手动操作即可将静态资源部署至 GitHub Pages。适合希望提升开发效率、实现 CI/CD 的前端开发者。

Next.js 构建博客之自动构建 - 图片 1
Next.js 构建博客之自动构建 - 图片 2
Next.js 构建博客之自动构建 - 图片 3
#博客搭建

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

本文深入探讨如何为Next.js博客添加实用功能，包括图片放大预览、文章点击量统计、Google收录验证、代码复制与运行支持及全文搜索功能。通过客户端渲染和插件扩展，提升用户体验与SEO表现，让博客更具交互性和专业度。

Next.js 构建博客之功能拓展 - 图片 1
Next.js 构建博客之功能拓展 - 图片 2
#博客搭建

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

本文聚焦于使用 Next.js 构建博客时常见的技术难题，涵盖图片盗链绕过、dynamic 和 Suspense 的合理应用、避免首屏重定向白屏问题，以及 Antd 样式加载导致的骨架屏异常。通过实用代码示例与解决方案，帮助开发者提升性能与用户体验，是 Next.js 博客开发不可错过的避坑指南。

Next.js 构建博客之常见问题处理 - 图片 1
Next.js 构建博客之常见问题处理 - 图片 2
#博客搭建

Next.js 构建博客之打包SSG

本文深入讲解如何在Next.js项目中实现静态站点生成（SSG），解决博客部署中的SEO与首屏加载问题。通过generateStaticParams枚举动态路由，结合generateMetadata动态设置页面元信息，帮助开发者高效构建高性能静态博客。

Next.js 构建博客之打包SSG - 图片 1
Next.js 构建博客之打包SSG - 图片 2
Next.js 构建博客之打包SSG - 图片 3
#博客搭建

Next.js 构建博客之博客搭建

本文详解如何使用 Next.js 搭建基于 GitHub Issues 的博客系统，通过抓取 issues 和 labels 实现文章与栏目展示。重点讲解首页、详情页、分类页及分页功能的实现逻辑，涵盖路由配置、数据渲染、客户端组件使用等关键技术点，适合希望用代码驱动内容创作的开发者快速上手。

Next.js 构建博客之博客搭建 - 图片 1
Next.js 构建博客之博客搭建 - 图片 2
Next.js 构建博客之博客搭建 - 图片 3
#博客搭建

Next.js 构建博客之资源抓取

本文详解如何利用 GitHub API 和 Next.js 构建博客的第一步——资源抓取。通过自动化拉取 issues 和 labels 数据，解决 API 调用限制与分页难题，并构建可复用的 JSON 数据结构，为后续博客内容渲染打下坚实基础。适合希望实现静态生成博客的开发者参考。

Next.js 构建博客之资源抓取 - 图片 1
Next.js 构建博客之资源抓取 - 图片 2
Next.js 构建博客之资源抓取 - 图片 3
#博客搭建