joeytoday

Back

使用 Notion 搭建自己博客。

0. 前置准备

购买自己喜欢的域名和网站配置。参考👇

1. 注册账号(国内外邮箱均可)

创建账号推荐顺序:NotionGitHubVercel(以下为官网跳转链接,点击就可以开始注册)

2. 复制模板

2.1 复制 Notion 模板

❶ 打开此模板链接,点击右上角的 Duplicate(创建副本) Notion Blog

点击右上角的 Duplicate(复制)

❷ 创建完副本将跳转到此界面——你自己的 Notion 页面的菜单栏将出现 Notion blog,页面 ID 也可先复制起来

页面 ID 在 site/ 后,?v 之前,32 位的数字字母组合。

❸ 点击右上角的 share(分享)→Publish(发布)→Publish to web(网页发布)

以后此页面中就能同步你写的任何内容,别人也能看到你分享出来的内容

2.2 复制Github项目——NotionNext

复制以下GitHub项目——NotionNext到自己的GitHub里,点击下方链接,跳即可跳转。

GitHub-NotionNext

点击fork ,再点Create Fork,此时这个NotionNext的项目就会复制到你自己的repository(仓库)里面

3. Vercel部署

点击下方链接,在这个Import Git Repository(仓库)中点击 import(导入)NotionNext

Vercel

点击 Environment Variables(环境变量),添加属性名称为 NOTION_PAGE_ID,把步骤 2.1 Notion Blog 的页面 ID 粘贴到这里。

然后点击 Deploy,等待配置完成。

在部署完成页面,点击 Go to Dashboard 访问控制台,然后再点击右上角的 Visit 即可访问你的专属博客啦

4. 绑定自己的域名

-输入域名,并Add之后,如果看到下图中的提示(Invalid Configuration)👇, 说明域名已经添加,但需要根据提示添加CNAME或Nameserver的方式激活它,图中所示是要在域名后台添加一条CNAME类型的解析,参数名 hexo,值为 cname.vercel-dns.com。 这里推荐使用CNAME绑定。请按文档后续步骤配置对应的Cname解析。

声明

本内容完全由作者撰写,无任何 AI 辅助创作,内容仅代表创作者个人观点。

如何搭建你的第一个Notion博客?
https://www.joeytoday.com/blog/2025/notion-build-first-blog
Author joeytoday
Published at December 16, 2024