type
status
date
slug
summary
tags
category
icon
password
在这个人人都是自媒体的时代，你是否想过拥有一个完全属于自己的角落？
不是随时可能被封号的社交平台，也不是充满广告的博客网站，而是一个干干净净、由你自己说了算的独立网站。
以前，建网站意味着要买服务器、学 HTML/CSS、还要懂运维，劝退了 99% 的人。
但今天，有人把这个门槛打下来了，让我们感谢大神tangly，下面放上这个项目的简介以及tangly的网站。
关于NotionNextNotionNext是我基于自身需求开发的开源、免费的脚本，让您能专注于在Notion笔记中编写文章，由软件自动将您的内容同步到博客。NotionNext帮助内容创作者每年在服务器维护、站点数据维护等方面节省大量的时间成本与资金成本。NotionNext的愿景是帮助更多人更轻松地实现在互联网时代搭建“超级个体”。博客网站是建立自动化内容获客系统（Content Magnet System）的绝佳工具。因此我鼓励每个人将自己的实践和观点分享在网络上，借助互联网的流量杠杆，您的分享能够帮助到非常多人。“赠人玫瑰，手有余香”，当你影响的人足够多时，您的价值也将不可估量。网站：Tangly的学习笔记关于本站 | Tangly的学习笔记
关于本站 | Tangly的学习笔记
很高兴NotionNext能受到网友的喜爱与传播，为此我专门开设了一个教程文档，关于软件的任何疑问请移步文档获取帮助
不用写一行代码，甚至不用买服务器，甚至不用花一分钱（除了买域名），你就能拥有一个像我这样酷炫的个人网站。
👉 先看效果：
🔗 欢迎访问我的个人网站：
如果你也心动了，这就把教程奉上。建议先收藏，再实操。
1. 原理解析 (用人话解释)
很多小伙伴一听到 GitHub 就头大，其实这套方案的逻辑非常简单，只有三个角色：
- Notion (内容后台)： 你平时怎么写笔记，就怎么写文章，笔记可以自动变成你的网站文章。这里是你的“编辑部”。
- GitHub (代码仓库)： 它是存放网站代码的地方，你只需要点击“复制”，不用懂代码。
- Vercel (发布者)： 这是一个云服务器平台，它负责理解GitHub的代码然后把 Notion 里的内容，自动变成漂亮的网页展示给全世界。
简单来说：你在 Notion 写字，Vercel 根据GitHub 中的代码帮你自动排版并发布，全程自动化。
2. 准备工作 (清单)
在开始之前，你需要准备好：
- 一个 Notion 账号。
- 一个 GitHub 账号 (注册只需 1 分钟)。
- 一个 Vercel 账号 (可以直接用 GitHub 登录)。
- 一颗想稍微折腾的心。
3. 实操步骤 (核心干货)
详细步骤参考：
Vercel部署NotionNext | NotionNext帮助手册
Vercel是一款国外的Serverless托管平台，对个人用户使用几乎免费，而且方便快捷，用Vercel托管你的Notion站点，无需再操心服务器的维护与资费问题。
第一步：复制“装修图纸”
我们要用到的大神级开源项目是 NotionNext。
- 打开 NotionNext 的模板页面：
- 点击右上角的
Duplicate（中文复制），把它搬运到你自己的 Notion 里。
- 关键点： 开启页面的
Share to web，并记下链接末尾那串 32 位的 ID。
第二步：领取“代码仓库”
- 登录 GitHub，搜索
NotionNext。
- 点击右上角的
Fork按钮。
- 恭喜你，现在你名下已经有了这套网站的代码了！
第三步：一键上线
- 登录 Vercel，点击
Add New Project。
- 导入你刚才 Fork 的项目。
- 最重要的一步： 在环境变量 (Environment Variables) 里，填入
NOTION_PAGE_ID，值为你在第一步里记下的那串 ID。
- 点击
Deploy(部署)。
见证奇迹的时刻：
等待几分钟，当屏幕上撒满彩带，点击预览链接，你的网站就上线了！
4. 进阶玩法 (域名与个性化)
虽然 Vercel 送了一个免费域名，但我强烈建议你花一杯咖啡的钱（约 10 美元/年），买一个
.com 或者 .me 域名，或者像我一样买一个超级便宜的域名.top(约1美元/年）
域名购买链接：
这就像从“租房”变成了“买房”，这个域名是真正属于你的互联网资产。
你还可以在 Notion 的配置表里：
- 更换头像和网站标题。
- 开启炫酷的动态背景。
- 添加关于自己和社交链接。
所有这些修改，都只需要在 Notion 表格里调整，网站会自动同步更新。
如果还想要进一步的装潢和修改的话，也可以像我一样研究一下GitHub里面的代码，只要有一点动手研究能力的人都可以让你的网站更上一层楼。
5. 结语
搭建个人网站，不仅是技术的实践，更是对长期主义的投资。在这个快节奏的时代，在同质化的生活中，愿你也能拥有一片属于自己的数字花园，慢慢耕耘，静待花开。
欢迎在评论区探讨分享～
- Author:XuZY
- URL:xuzhuoyuan.com/article/2c7fbda1-8637-80c5-933d-ce87ed0b3a93
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!
