type
Post
status
Published
date
Mar 9, 2026
slug
blog
summary
无需专业技术，全程免费搭建个人网站
tags
推荐
建站
category
实用教程
icon
password
一、Notion部分
1、进入notion官方网站官网
安装notion桌面端，（官网操作也是可以的，为了方便后期写作，建议安装）
2、复制博客模版到自己的notion账号下
二、Github部分
1、注册一个github账号 ，Github官网
在 GitHub 上搜索名为 NotionNext 的项目，并将其 Fork 到自己的 GitHub 仓库中
三、Vercel部分
1、注册一个Vercel账号，直接 用Github账号登陆。如果使用其它账号注册，后面要跟自己的github账号绑定。
2、导入刚刚在github上面Fork的项目代码
3、设置2个环境变量
a: NOTION_PAGE_ID ,ID值从复制的Notion博客模版页面的网址链接找，/——?之前的字母与数字组合的一段内容，不要复制错
b:网站主题样式的设置
NEXT_PUBLIC_THEME，值可以到官方模版中查找，比如我用的HEO
4、设置好环境后，点击部署Deploy
5、部署成功后，Vercel会分配给你一下以.vercel.app结尾的二级域名，至此博客网站就搭建好了。如果要做好网站，建议绑定自己的域名。我的域名是在cloudflare里面购买的，如果你是在其它平台购买的域名，建议把它转到cloudflare里面来。
四、添加自己的域名
1、首先你得注册一个自己的域名，这里建议在cloudflare里面注册，其它平台也是可以的。
2、在vercle界面，左边domains里面，点击Add Existing，比如我的域名：cunzhangblog.com，直接添加。
3、点击Configure Automatically自动去cloudflare授权。A记录和CNAME记录均需要授权。
4、授权完成后，等待一会儿，域名前面出现√，即可正常找开你的域名
后续发布文章均在Notion里面操作管理，如果要对网站的框架进行更改，需要到Github代码库中进行更改。 如有问题咨询可以联系村长或者联系原作者。
官方链接：
Github:
官方文档：
NotionNext帮助手册Vercel部署NotionNext | NotionNext帮助手册
NotionNext帮助手册
Vercel部署NotionNext | NotionNext帮助手册
Vercel是一款国外的Serverless托管平台，对个人用户使用几乎免费，而且方便快捷，用Vercel托管你的Notion站点，无需再操心服务器的维护与资费问题。
——————————————————————————————————————————————————————————————
📎 更多实用软件、副业项目、资源下载
- 资源导航：【点击跳转】
- 资源下载：【点击跳转】
- Author:村长
- URL:https://www.cunzhangblog.com/article/blog
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!
