没事造轮子

从 2021 年初建立博客又过了一年，时间转瞬即逝，期间博客程序经历了三次转变，从 Ghost 转到 WordPress，又从 WordPress 转到 Next.js，本套教程是我在使用 Next.js 搭建过程中整理的笔记心得，如果你想要学习 Next.js，本教程算是一个很好的切入点。

Next.js 的官方网站其实有很成熟的入门介绍，我们可以参考官方文档的介绍快速初始化网站的整体框架。不过在开始之前需要进一步的确认网站的整体需求，完成网站的准备工作。

上篇文章咱们已经初步的将网站的框架建立起来了，接下来我们根据自身的需求进一步的完善它。按照前文提到的方向，本文主要规划接下来的网站结构目录以及首页模块的开发。

本节内容是 Nextjs 搭建博客系列文章的核心内容，主要讲解如何在博客中显示 Markdown 文章，其中包括首页的文章列表以及文章详情页面的内容显示。

这次网站重构的重要目的就是支持国际化，本篇文章介绍国际化相关的基础设置。如果想要国际化一个网站，越早介入越好，因为越到后期，改变的成本越高，所以在首页还没完善前咱们就先把国际化的大致框架制定好，这样在以后的实现过程中会自然而然的考虑国际化相关的问题，避免额外的更改成本。

本文详细阐述了目前博客系统如何对 Markdown 文章渲染的，并且介绍了 Markdown 整个渲染的流程以及如何自行实现扩展插件等内容。

本篇文章主要介绍如何在网站加入动态数据功能，目前主要涉及访问量和用户评分两个部分，以后可能还会涉及评论数据等等，这些数据对实时性要求较高，在 Nextjs 中相比于普通文章来说需要进行特殊处理。

加载动画对于网站来说并不是必须的，但是因为 Nextjs 在网页切换的时候会在后台动态加载页面数据，如果页面数据量较大会导致用户体验较差，本文阐述如何使用加载动画特效解决缓解该问题。

现如今搜索引擎优化（SEO）已经变成了一门学问，细节非常多，咱们这里只是简单的改造一下现有博客的页面，尽可能的贴近 Google 的官方指导建议，这样可能对网站的排名更有利。

本篇文章主要讲解如何在 Nextjs 搭建的网站中添加 Google 统计以及如何设置 Google Adsense。因为 Nextjs 的前端在点击链接的时候并不会刷新当前页面，所以你需要对添加的代码做一些特别的处理。