用 Notion 搭建自己的博客网站

如何搭建一个简单省心还免费的个人博客网站？可能比你想象的要简单，我们准备好三样东西就可以：Notion, GitHub, Vercel，这一切，要感谢免费提供这些工具的公司，以及无私开源自己代码的程序员们！

Notion

Notion 相信很多人都很熟悉了，一个非常好用的笔记软件。不知道的可以看下Notion官网：https://notion.so/，或者找几个博主的介绍视频看看。真的非常好用，强烈推荐。我个人是几乎用 Notion 来记一切，日记，备忘，工作笔记，项目管理等等。而本篇攻略，就是让你像日常记笔记一样写博客，在 Notion 里写作，无缝同步到自己的博客网站，配置好以后无需任何额外操作。

Github

Github，程序员朋友非常熟悉的“男性交友社区”🐶 https://github.com/。一个代码开源社区，你可以在这里共享你的代码，也可以学习各路大神程序员的代码，甚至免费拿来使用。比如我们这个用 Notion 来搭建个人博客网站的系统，就是下面我要提到的 Tangly 免费共享的。

Vercel

这个估计熟悉的人少一点，简单点说它是一个网站托管平台。我们这里就是用 Vercel 来托管我们的博客网站。官网：https://vercel.com/

好，上面三样工具已经简单介绍完毕。下面介绍下这个博客系统的原理。其实原理也很简单：Notion 是有 API 接口的，我们通过接口把 Notion 里共享的文章拉过来，然后显示在我们自己的站点上不就 OK 了吗？简单吗？简单吧。那这里面除了 Notion，其他两个工具 Vercel 和 Github 又是用来干什么的呢？

Notion 用来写作，做内容管理，这个好理解。

而 Vercel，就是用来托管我们的博客网站的，我们把网站部署在 Vercel 上，网站通过 Notion 的接口自动去获取我们 Notion 里写作的内容，然后把内容显示在我们自己的网站上，这样一个博客网站就完成了。

那 Github 又是用来干嘛的呢？通俗点说，其实就是方便把别人的代码拿过来自己用的。我们在 Github 上把别人的网站代码复制到自己的仓库里，然后把代码推到 Vercel 上，一个自己的网站就基本 OK 了。

工具和原理介绍完毕，那具体怎么操作呢？具体操作我就不在这里赘述了，Tangly 在这篇博客里已经介绍得非常详细了，我自己也是根据 Tangly 这个教程，抄了 Tangly 的代码来部署我这个博客网站的。Tangly的博客文章网址：https://tangly1024.com/article/notion-next，希望大家多多关注大神，多给大神点赞。