博客搭建

共 6 篇文章

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

本文是Next.js构建博客系列的第六篇，专注于自动化构建与部署。通过配置GitHub Actions工作流，实现了在代码推送或Issue操作时自动触发构建并发布到GitHub Pages。文章详细讲解了nextjs.yml文件的配置步骤，包括依赖安装、构建资源、提交变更以及静态站点生成。

2023/12/27

探讨Next.js博客中图片放大预览与点击量统计的实现方案。通过事件冒泡机制绑定点击事件，结合react-viewer实现图片预览；使用不蒜子库在路由变化时更新计数器，兼顾性能与SEO。

2023/12/26

在Next.js博客构建实践中，图片盗链与动态加载是常见挑战。文章通过修改referer策略解决图片403问题，并深入解析dynamic与Suspense的实际应用场景，包括跳过SSR、延迟加载及自定义加载组件。

2023/12/15

Next.js项目通过SSG静态导出实现博客部署。本文以实际项目为例，讲解generateStaticParams枚举动态路由参数、配置output:'export'、使用generateMetadata设置动态标题，以及处理SSG限制的注意事项。

2023/12/8

文章探讨如何基于Next.js 14 App Router构建博客系统，详细介绍了将GitHub Issues作为数据源、利用layout布局复用、动态路由实现文章详情页、以及使用bytemd渲染Markdown内容的技术实践。

2023/12/1

作为Next.js博客搭建系列的开篇，本文聚焦于资源抓取环节。详细讲解如何利用pnpm workspace构建monorepo项目，通过GitHub API递归拉取issues和labels数据，并处理分页与令牌认证。适合关注静态博客实现细节的开发者。

2023/12/1