基于Notion搭建个人博客教程

type

status

date

slug

summary

NotionNext是什么？

💡

📔NotionNext的愿景是帮助非技术人员的小白，最低成本、最快速地搭建自己的网站。

NotionNext是基于NextJS框架开发的免费开源的Notion建站工具。

它将您的Notion笔记实时渲染成静态博客站；您无需购买服务器，只要一个笔记即可搭建完全属于您自己的独立网站，让您与全世界建立连接！

NotionNext

tangly1024 • Updated Nov 18, 2023

要了解更多，不妨看看NotionNext作者本人的介绍

NotionNext-快速免费搭建网站 | Tangly Blog

无需服务器、即使是小白也能几分钟搭建自己的独立博客站～如果你在使用Notion这款神级笔记本的话，不妨来试试顺手建个网站🤣🤣🤣，这是一款基于NotionAPI的博客系统。

https://www.tangly1024.com/article/notion-next#866036b6be8c414889da886ce60d6dfd

使用NotionNext搭建自己的个人博客

接下来我来介绍我自己建站的全部流程。

1. 购买域名

国内一般通过腾讯云或阿里云购买域名，这里使用腾讯云做演示。

腾讯云 - 产业智变云启未来

腾讯云为数百万的企业和开发者提供安全稳定的云计算服务，涵盖云服务器、云数据库、云存储、视频与CDN、域名注册等全方位云服务和各行业解决方案。

https://cloud.tencent.com/

在腾讯云官网搜索框搜索域名，

点击立即注册。

输入想要注册的域名，顶级域名不一定使用.com，.com的会相对贵一些，这个域名将会是你个人博客的域名。

后面根据提示走流程，需要实名认证，审核时间在一个小时左右，需要准备身份证的照片。

最后付款成功，可以在控制台看到自己的域名，这就是注册成功了！

2. Notion复制模板数据库

💡

如果你没有Notion账号或并不了解Notion，可以通过这篇文章入门，并注册你的Notion账号。

复制下方模板到您的Notion中：
Notion 博客

❓

如何复制？点击右上角的Duplicate 即可（如下图所示）

开启页面分享权限

❓

如何开启？点击 Share ，在弹出窗口中点击 Publish，设置成这样

复制页面ID

❓

页面ID在哪里？页面ID包含在网址链接中，它是一个由数字和字母构成的32位字符。

页面ID 在部署时会用到。

3. Fork Github仓库

💡

如果你不了解Github或没有Github账号，请自己学习相关知识并注册Github账号。

❓

什么是Fork：意为将NotionNext源代码复制一份到您的Github账号中。

github.com

https://github.com/tangly1024/NotionNext/fork

4. Vercel部署

❓

Vercel是什么？ Vercel是一家提供静态网站托管的云平台，支持从 Github、GitLab、Bitbucket 等代码仓库中自动拉取代码，然后进行项目打包和部署等功能。它是一个站点托管平台，类似于 Github Pages，可以关联 Push、PR，提交代码后自动部署。Vercel 还可以用来构建轻量级的事件驱动 API，并部署到它们的全球边缘网络。总之，Vercel可以帮你运行支持建立网站的代码，你无需为此再购买服务器。对于少量的访问，Vercel提供的免费服务足够用了。