Notion 搭建个人网站
| 2025-6-4
字数 450阅读时长 2 分钟
 

一、Notion账号


1. 注册Notion账号

notion的官网地址:官网链接

2. 复制Notion模版

模版链接:Notion模版
① 复制notion模版到自己的账号
notion image
②公开自己的notion网站
notion image
 

二、Github账号


1. 创建Github账号

Github官网:官网链接

2. 克隆NotionNext到Github仓库

NotionNext:链接
可以通过修改blog.config.js文件,对主题特效进行修改
notion image
notion image
 

三、申请低价域名


由于域名污染,notion分配的域名可能无法使用,需要更换自己申请的域名
①spaceship注册:链接
②搜索域名,加入购物车
notion image
③注册账号
notion image
④填加支付宝,点击支付
notion image
⑤将域名解析到CF
notion image
notion image
notion image
notion image
⑥注册打开cloudflare
网址:链接
notion image
notion image
notion image
⑦将两行地址分别复制到spaceship,点击保存
notion image
notion image
⑧回到CF点击继续
notion image
notion image
notion image
⑨域名续费10年
notion image
notion image
 

四、Vercel账号


1. 创建Vercel账号

Vercel官网:链接
①点击注册,选择免费版
notion image
②通过github注册账号,便于一键导入仓库
notion image
③验证手机号
notion image

2. 导入NotionNext项目

①添加项目
notion image
②导入github仓库的NotionNext
notion image

3. 部署NotionNext项目

①点击github的blog.config.js文件,复制Vercel需要的环境变量
NOTION_PAGE_ID
notion image
②进入点击分享后Notion Blog模版的网站,复制
207da467fa89800a9ca0dc37702c2129
notion image
③将这两个值复制到Vercel中,点击部署后等几分钟
notion image
notion image
notion image

4. 配置域名

①添加申请的域名
notion image
notion image
notion image
②CF中添加记录
notion image
③回到vercel点击域名,可以跳转到notion网站
notion image
notion image

五、网站基本配置


notion image
主题、昵称、简介…..
notion image
 
Loading...