完全免费、无需编程基础，使用 Notion + GitHub + Vercel 来搭建个人网站（博客）的教程。

B站视频

油管视频

1. 用 Notion 作为内容管理器：你就像写笔记一样，在 Notion 里写文章、管理页面。

2. 用 NotionNext 项目作为网站框架：这是一个开源项目，它能读取你 Notion 里的内容，并生成网站页面。

3. 用 Vercel 作为托管和发布平台：Vercel 可以自动从 GitHub 上获取 NotionNext 项目代码，并将其部署成一个可以公开访问的网站。

1. 准备Notion
• 注册一个 Notion 账号。
• 复制（Duplicate）视频中提供的 Notion 博客模板到你自己的 Notion 空间里。这个模板的结构是预设好的，方便后续网站生成。
• 链接：https://lime-pharaoh-464.notion.site/2723a57153c1809d9f4cd973fa9a3af5?v=2723a57153c181d79f52000c0fd2cf92

2. 准备GitHub
• 注册一个 GitHub 账号。
• 在 GitHub 上搜索名为 NotionNext 的项目，并将其 Fork （克隆）到你自己的 GitHub 仓库中。

3. 使用Vercel进行部署
• 注册一个 Vercel 账号，可以直接用 GitHub 账号登录，非常方便。
• 在 Vercel 上选择从 GitHub 导入你刚刚 Fork 的 NotionNext 项目。
• 在部署前的配置环节，最关键的一步是设置一个名为 NOTION_PAGE_ID 的环境变量。这个 ID 来自于你之前复制的 Notion 博客模板页面的网址链接。
• 点击部署（Deploy），Vercel 会自动开始构建网站，这个过程大约需要几分钟。

4. 网站发布与自定义
• 部署成功后，Vercel 会提供一个默认的网址（以 .vercel.app 结尾），你的个人网站就已经搭建好了。
• 如何绑定你自己的域名（需要另外申请或购买）。
• 后续你可以在 GitHub 仓库里修改 blog.config.js 这个配置文件，来更改网站的标题、主题、作者信息等。
• 所有网站的文章内容，都直接在你自己的 Notion 模板里进行增删改查，Vercel 会自动同步更新。

相比传统建站的痛点规避

1. 服务器和数据库的成本与复杂性

• WordPress 的痛点：
你需要购买虚拟主机或云服务器（VPS），这本身就是一笔持续的开销。同时，你还需要管理服务器环境（如 PHP、MySQL数据库），进行数据库的创建、备份和优化。对于新手来说，cPanel、FTP、数据库配置等概念本身就是一道门槛。

• Notion 方法的优势：
完全无需服务器和数据库。 Notion 充当了你的数据库和内容编辑器，而 Vercel 提供了免费的托管和部署服务。你不需要关心任何服务器运维，整个过程是“Serverless”（无服务器）的，极大地降低了成本和技术门槛。

2. 持续的维护和安全风险

• WordPress 的痛点：
这是最核心的痛点之一。WordPress、主题、插件都需要频繁更新以修复安全漏洞。不更新，网站很容易被黑客攻击；更新了，又可能因为插件或主题不兼容导致网站崩溃。你需要定期备份网站文件和数据库，以防万一。维护工作耗时耗力，让人头疼。

• Notion 方法的优势：
几乎零维护，安全性极高。 你的网站被构建成静态文件（HTML, CSS, JavaScript），没有后台程序和数据库暴露在外，攻击面（Attack Surface）极小，因此非常安全。你永远不用担心“升级插件导致网站白屏”或“数据库被注入”这类问题。

3. 网站性能和加载速度

• WordPress 的痛点：
作为一个动态系统，每次用户访问页面，服务器都需要执行 PHP 代码、查询数据库，然后动态生成 HTML 页面。这个过程相对较慢，导致网站加载速度不理想。为了提速，你必须安装和配置复杂的缓存插件（Caching Plugin）和CDN服务，这又增加了复杂性。

• Notion 方法的优势：
性能卓越，速度飞快。 网站在部署时已经预先构建好了所有页面。用户访问时，直接从 Vercel 的全球 CDN（内容分发网络）边缘节点获取静态文件，响应速度极快。这为访客提供了顶级的浏览体验，也有利于搜索引擎优化（SEO）。

4. 繁琐的写作与后台管理

• WordPress 的痛点：
写作需要登录到 WordPress 后台，面对一个功能繁杂但有时略显笨重的编辑器（无论是经典编辑器还是Gutenberg块编辑器）。后台充斥着各种菜单、插件通知和更新提示，容易让人分心。

• Notion 方法的优势：
写作体验极致优雅。 你只需要在 Notion 这个广受好评的笔记应用中写作。它的界面干净、功能强大（强大的块编辑器、数据库视图等），让你能专注于内容创作。写完后，内容自动发布到网站上，流程极为顺畅。

总结对比