搭建个人博客
🗒️有了域名和服务器后该如何搭建个人博客呢?
00 分钟
2021-7-2
2023-12-30
type
status
date
slug
summary
tags
category
icon
学习进度
通过前面两章的教程,我们现在离成功搭建个人博客就差最后一步啦 👏👏👏但这一步也是最难的一步,但一步步跟住我做也是很快能懂的哦😎
目录

工具需要

  1. GitHub 👉全球最大的开源项目分享平台。
  1. notion 👉是一个比较全能的做笔记应用,支持多平台跨端使用。
  1. aliyun.com 👉阿里云就不过多赘述啦。
  1. vercel 👉是一个网站托管服务平台,开发者可以将自己的网络应用部署、托管在平台上运行。
  1. Next.js 👉是基于 React 的框架,具有服务器端渲染功能。 它非常快速且对 SEO 非常友好。
  1. 网络加速器。

查找资源

👉 那么我们第一步要做的就是找资源,这里肯定第一个想到的就是GitHub(上面介绍到了这是全球最大的分享开源项目最大的网站) 😜 来这找指定没错哈。先在搜索栏输入几个我们要查找资源的关键字:notion,blog。看能不能找到 😂
notion image
👉运气真好,第一条就是我们想要的,还可以看到它的收藏人数还挺多的 🤩感觉很不错 😘最最最重要的他居然还是国人用中文写的,这对小白来说别提有多香了😂还等什么,还不点进去一探究竟。
notion image
👉上面是一些源代码文件,拉到最下面就可以看到有中文文档的教程,还可以提前预览做出的模板效果。点击进入「部署教程」。
notion image

创建notion模板

👉将教程提供的notion模板复制到自己的notion上,然后在自己的notion上点击分享 😃
notion image
👉选择分享之后就会有一段这个分享的链接弹出,我们需要按要求截取其中的一部分复制过来并记下来放好先,后面会用到的。
notion image
👉点击该链接就可以一键复制到该项目的源代码了,点击之后会弹出一个fork的绿色按钮,上方也可以先改个自己喜欢的名字再fork到自己的用户上。
notion image
👉成功frok的话就可以在自己的用户主要查看到该项目了,没有显示的话说明还没有添加成功哦 🤪
notion image

Vercel部署

👉按步骤先注册账号,有了账号之后就可以通过下一步提供的链接进入,紧接着导入NotionNext。
notion image
👉一定要按步骤细心填写,这里就用到了刚刚复制下来的notion id。
notion image
👉恭喜你 🎉🎉🎉这个页面弹出说明创建成功啦,点击右上角按钮查看创建博客的网址。
notion image
👉接下来就可以通过浏览器访问你的个人博客啦,开心吧 🤩
notion image

域名指向博客

👆在上面Vercel成功搭建的这个页面右上角有个「Domains」域名点击进去就可以填写我们在阿里云购买的域名啦 😝
notion image
👉点击添加之后就可以查看这个三个值,然后把它们依次复制到阿里云的控制台域名设置的对应位置上,最后点击「确认」。 🤪添加完之后回到vercel页面下滑还有一个www类型的需要添加,重复刚刚复制到阿里云的操作即可。
notion image
notion image
🎉🎉🎉现在我们就可以通过域名来访问自己的博客啦。
notion image

总结

对于我们这种小白想要从零搭起的话基本上是不可能的,所以我们要借助别人做好的框架去实现,最后我们把域名、服务器、博客都连接到了一起这也是一个搭建的过程,从该过程中可以学习到很多方面的知识,希望这篇文章能给同学们带来帮助。