搭建免费个人博客 个人网站 无需服务器 无需vps 完全免费

日期：

大家好，欢迎来到marco的YouTube频道，本期视频跟大家分享如何通过notion next这个开源的项目来搭建一个免费的博客。搭建出来的博客也是非常的漂亮。NotionNext是一个使用Next,js和Notion API构建静态开源博客系统。NotionNext中文 | Notion笔记，轻松建站，NotionNext官网你现在看到的这个页面，就是notionnext的官网。在成功案例这里，点击打开之后，在这里所列的站点，都是这个开源的系统来搭建的。点击开始体验这里可以进入notionnext的帮助手册，是官方提供的一个图文教程，写的也非常详细。如果，你感兴趣的内容在我的视频里面没有提到，你可以到这个页面查看。

视频教程

​
​

相关连接

notion中文页面：AI 工作空间，你的智能助手。| Notion

notion next github页面: https://github.com/tangly1024/NotionNext

netlify: Scale & Ship Faster with a Composable Web Architecture | Netlify

cloudfalre: 随时随地连接、保护、构建 | Cloudflare

准备材料

我们需要准备一个github账号，notion账号，安装notion在你的电脑上。如果，需要让你的网站容易让人访问，还需要准备一个域名，域名不是必须的，根据，你的情况而定。

fork项目

提前登录好你的github,账号，让后打开notionnext的github项目页面。点击star给作者一点支持于鼓励，点击fork,将这个项目fork到我们自己的github仓库中。这里的名字可以改也可以不开，点击creat fork.

Notion桌面端下载

在notion官网，点击页面的notion,点击下载应用

image-20250803091247103

然后，再点击页面的下载即可。

image-20250803091407719

双击安装包，安装notion即可

image-20250803091528904

安装完成以后，一般会自动打开。

image-20250803091614703

notion账号注册

点击页面的免费获取notion,在这个页面我们可以通过谷歌账号，苹果账号，以及邮箱等多种方式创建notion账号。

image-20250803092255163

添入验证吗

image-20250803095503586

设置

image-20250803095721200

个人资料设置

image-20250803095754194

选择

image-20250803095857684

如何使用notion

image-20250803095917977

权限

image-20250803093825486

添加notion到私人分区

image-20250803100524450

选中刚才的notion博客

image-20250803100640229

点击右边上角的分享

image-20250803100732084

会出来这个页面

image-20250803100800298

点击页面的发布，会出来如下界面，点击发布按钮

image-20250803100858712

netlify

注册

点击sing up

image-20250803131319494

选择以github注册

image-20250803131345291

进入认证授权页面

image-20250803131433869

点击页面的Authroiz netlify,

部署

评论

发表评论