Hello, World

开始

正如这篇文章的标题和摘要所说的那样：一切都是都从 Hello, World 开始的。

这是我使用 Vercel+Next.js 搭建的博客网站的第一篇博客。我会在这里记录我的学习笔记，分享我的学习心得，以及一些有趣的东西。

作为第一篇文章，我想先介绍一下我为什么要使用 Next.js 来搭建这个博客网站，以及如何使用 Vercel+Next.js 来搭建一个博客网站。

Vercel 是一个云平台，专注于提供现代 web 开发所需的工具和服务，帮助开发者快速构建和部署高性能的静态网站、动态网站和服务器端应用程序。

而 Next.js 是一个基于 React 的服务端渲染框架，旨在为开发人员提供轻松构建可靠、高性能的 Web 应用程序的工具和结构。

Next.js 为开发人员提供了一个高效、灵活、可靠的框架来构建 React 应用程序，并具有许多有用的功能和优势，使得开发人员可以更加专注于业务逻辑，而不是底层技术细节。

ps: 你不会以为这些官方的话是我自己写的吧？当然是 ChatGPT 生成的了~

由于某些不可抗因素，下面的操作如果因网络问题无法正常进行，请打开你的科学上网工具~

我们目前使用的是别人的博客模板，我们需要修改一下，才能变成我们自己的博客。

将你的博客网站克隆到本地，然后使用 VSCode 打开。这里你可以使用命令行工具，也可以使用 VSCode 的Git插件，或者其他的 Git 可视化操作工具。

打开项目以后，首先安装npm依赖包。

这里不再赘述如何安装npm以及切换镜像源的知识，如果你不知道如何安装npm和切换镜像源，自己去问问 GPT 吧~

npm install

安装完成以后，我们就可以开始修改博客了。以我的模板（Tailwind CSS）为例，博客的数据文件都在/data目录下，文章都在/data/blog目录下，参考并学习所提供的示例文件的格式，然后就可以删除示例文档，按照格式编写自己的文章了。

你可以使用 Markdown 语法来编写文章，也可以使用 HTML 语法来编写文章，但是不要使用 React 语法，因为这里的文章是在服务端渲染的，不支持 React 语法。

修改完成以后，我们就可以将修改后的文件提交到 Github 仓库了。

这里不再赘述如何使用 Git 进行版本控制，如果你不知道如何使用 Git 进行版本控制，自己去问问 GPT 吧~

git add .
git commit -m "update blog"
git push

提交完成以后，我们就可以在 Vercel 的 Dashboard 页面，点击Deploy按钮，重新部署一下博客了。

等待一段时间，博客网站的内容就会自动更新了。

当然，这里仅仅是介绍了如何修改、增加一篇文章，如果你想要自定义更多的内容，可以参考你所使用的博客模板的文档，进行修改。

当你兴高采烈的将你的博客网址分享给朋友们的时候，你会发现，你的博客网址是一个很长的网址，而且还是一个免费的域名，这显然不是你想要的。

最严重的问题在于：国内的朋友们无法访问你的博客网站。

因此，我们需要将你的博客网站绑定到自己的域名上。

首先，你需要有一个自己的域名，如果你没有域名，可以去阿里云、腾讯云、万网等域名注册商注册一个域名。这里就不再赘述如何购买、注册域名了，这显然不是本文的重点。

当你拥有了自己的域名以后，你只需要将域名解析到 Vercel 所提供的信息上，就可以使用自己的域名来访问你的博客网站了。

在 Vercel 的 Dashboard 页面，点击你的项目，然后点击Settings，在Domains页面，点击Add Domain，将你的域名添加到 Vercel 的域名列表中。

详细的图文步骤可以参考这篇文章，里面写的十分详细。

如你所见，我申请的域名为icecreamovo.top，因此可以通过www.icecreamovo.top来访问本站点。

这篇文章主要介绍了如何使用 Vercel 来搭建一个个人博客网站，以及如何使用 Github 来进行版本控制，以及如何将自己的博客网站绑定到自己的域名上。

目前正在考研阶段，相当于是在休息时间瞎折腾的产物，这个网站也没有修改完善，后续可能会不定期更新...如果有时间的话...