白嫖创建个人网站，你没看错！

type

status

date

slug

summary

正式进入主题

博主纯属是个小白，对代码一窍不通，本文纯属分享个人构建过程、思路，并不是搭建教程，想搭建网站的朋友，可以去看教程（文章尾）。

有不对的地方大佬们轻点喷，如果你有更好的方案，请到评论区留言分享，感谢！

我的网站主要由这三大部分构建：

Notion

不知道大家有没有接触过，反正是一款多功能生产力工具，在B站上UP主号称“第二个大脑”，一个集文档管理、任务管理、笔记记录、数据库等功能于一体的平台，可以满足个人和团队的各种需求。但过于强大，所以学习成本就有点高，平时我就是用来收藏网页、做些笔记。Notion很强大👍，后面单独做一期使用心得。

Your connected workspace for wiki, docs & projects | Notion

A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team.

http://www.notion.so/

Notion相当于网站的后台，各类详细的配置+文章写作。

有一天我在想：有没有一种可能，我写的笔记，收藏的网页，像浏览网页一样方便时。我发现一个好的开源项目，就是👇这个

NotionNext

Tangly大佬开源项目NotionNext

GitHub - tangly1024/NotionNext: 使用 NextJS + Notion API 实现的，支持多种部署方案的静态博客，无需服务器、零门槛搭建网站，为Notion和所有创作者设计。 (A static blog built with NextJS and Notion API, supporting multiple deployment options. No server required, zero threshold to set up a website. Designed for Notion and all creators.)

使用 NextJS + Notion API 实现的，支持多种部署方案的静态博客，无需服务器、零门槛搭建网站，为Notion和所有创作者设计。 (A static blog built with NextJS and Notion API, supporting multiple deployment options. No server required, zero threshold t...

https://github.com/tangly1024/NotionNext

一个使用 NextJS + Notion API 实现的，部署在 Vercel 上的静态博客系统。为Notion和所有创作者设计。

对于像我这种小白来说，不会代码一样能搭建成功，可以说非常奈斯的项目👍👍👍！

KOYEB

我这里用Koyeb作为部署服务端，因为我刚好有Koyeb的账号，免费的Docker容器托管服务，之前有用过Koyeb，感觉比较靠谱。现在似乎无需信用卡，也由之前的每月送$5刀，改为永久免费实列。配置勉强能运行，免费的区域只有漂亮国和德国，打开网页速度还可以，后面我可能转到Vercel来部署。这里推荐大家用Vercel来部署，然后选择韩国或者日本区域。