如何搭建自己的notion小屋

type

status

date

slug

summary

一些链接

确保你安装过这些工具

为你搭建网站保驾护航🥰

Node.js 必需的环境安装最新版Node.js。

npmmirror 源淘宝NPM镜像源，替换官方自带镜像

git 必需的环境版本控制，管理代码。

GitHub 需要有一个GitHub账号，用来保存你的代码。

Vscode 方便后续操作非必需

watt toolkit 新版STEAM++，如果你没有机场，它就是你访问Github的不二选择

NotionNext帮助手册 重中之重，请务必收藏

💡

如有疑问，欢迎您在底部评论区留言，一起交流~

正式开始！ヾ(´･ω･｀)ﾉ

初始化设置

验证Node.js和npm版本（查看你是否安装成功）

🙂

node -v npm -v git -v

如果输出结果是版本号，说明你的电脑上已经安装好了相关基础设施，如果报错，请仔细阅读报错信息，并询问ai或者自行百度

通义千问AI 点击进去通义进行询问

百度点击进入百度

更换镜像

🙂

npm install -g cnpm --registry=https://registry.npmmirror.com

更换淘宝镜像

注册并登录Github

注册Github

（如果已有账户，跳过此步骤）

点击 Github ，进行账户注册，相关教程查询b站等教学网站，不再赘述

登录，并搜索NotionNext项目

点击右上角Star支持作者。这是一个使用 NextJS + Notion API 实现的，部署在 Vercel 上的静态博客系统。为Notion和所有创作者设计。

点击帮助手册

打开安装部署，这里我们选择在Vercel上部署，如果您拥有自己的云服务器可以选择VPS进行部署

接下来一路更上NotionNext的节奏进行搭建即可，难度为宝宝巴士

需要注意的是，在最后一步部署的时候需要等待5分钟左右等待部署成功，切勿着急

为网站绑定自己的专属域名

购买域名

百度搜索阿里云，华为云，京东云，腾讯云等，搜索域名购买即可挑选自己心仪的域名，不过需要注意的是在以上平台购买的域名均需要进行备案，详情自行了解

同时这些服务商会有套路存在。套路指那些首年极其便宜，但次年续费很贵的。如 Godaddy，首年 $0.99，次年续费要 102 元人民币，而且隐私保护还需要额外再加 60 元。阿里云同理。

本教程为绑定自己的根域名，如果你想绑定子域名请按照官方教程详细配置

配置域名

本人以及NotionNext作者均使用Namesilo 渠道，个人认为还不错，小伙伴们自行决定，在作者文章中有详细价绍

成功购买域名后接下来跟我进行操作

1.找到如下界面，点击红框蓝色文字，

2.点击进行详细配置，如果弹出一个完善信息窗口，你随便填上去即可，请勿叉掉此窗口，后续还要继续使用

然后根据Notion教程，进入Vercel控制台配置

上面为原文章截图，各位找到之后进行下一步，点击Add之后输入你的根域名，如果你想输入二级域名，那就去先创立二级域名，出现三个选项选择第一个推荐的即可，选择完之后会报错，不用管

之后按照教程打开CloudFlare对我们的域名进行托管，如下获得两个代码

再回到我们之前打开购买域名的网站窗口，详细配置里面，单击add

删除掉默认的三条记录，复制粘贴CloudFlare的两个代码

再回到CloudFlare 解析 CNAME

打开CloudFlare控制台，并找到您的域名

添加一条域名A记录指向Vercel服务器地址76.76.21.98，教程为76.76.21.21不用管

上图为本人网站配置

最后再进行SSL/TLS证书配置

点击配置，设置为严格模式

🙂

怎么样，是不是很简单！

完结撒花(*￣▽￣)ﾉ~~ βｙё βｙё♪