技术分享
NotionNext部署体验
00 分钟
2023-8-28
2023-9-1
type
status
date
slug
summary
tags
category
icon
password
🎉
基于NotionNext4.0.13+Vercel+自定义域名部署，国内可访问。 参考NotionNext-快速免费建站 | NotionNext文档 (tangly1024.com)

NotionNext部署体验

准备

  1. GitHub账号+Vercel账号(可用GitHub账号登录、计划选择hobby即可)
  1. Notion账号和NotionNext博客模板

开始部署

按以下顺序部署即可，需要一些GitHub和Vercel操作经验。

在GitHub的操作

  1. Fork(复制)一份NotionNext的GitHub仓库到自己的账号中，名称随意。
      2. notion image
  1. 接下来的所有个性化操作都将针对你复制的仓库，而非tangly1024的仓库，请不要推送错了造成不必要的干扰。至此GitHub上的操作暂时完成了。

在Notion的操作

  1. 前往Notion Blog复制一份博客模板到你的Notion，并在右上角 share 中将其发布
  1. 在Notion给出的链接中，复制域名后紧跟的一段，如下图所示，此为Page ID
      2. notion image
  1. 至此在Notion的操作也做完了。

在Vercel的操作

  1. 推荐使用GitHub登录，并授权访问GitHub仓库
  1. 新建项目并选择从你在GitHub操作中复制的那个仓库
  1. 点击Environment Variables（环境变量），并添加一个属性名称为NOTION_PAGE_ID的变量，值为上面获取的Page ID
  1. 点击Deploy并等待Vercel服务器部署
  1. 在部署完成页面，点击Go to Dashboard访问控制台
  1. 在控制台右上角的Visit按钮访问您的站点。或在DOMAINS中获取您的网站地址
  1. 若能见到网站以及示例内容即为部署成功

绑定自己的域名

在Vercel项目的控制台中，进入设置，Domian，点击Add，随后按步骤设置域名，并在你的域名服务商处添加解析记录即可。
notion image
由于vercel.app域名在国内访问情况很差，还是推荐大家绑定自己的域名绕开解析污染。
同时，解析时可以将CNAME记录的值设为 cname-china.vercel-dns.com 来加快在大陆地区的解析，实测比默认dns解析更快，且不会被墙。
🥳
总而言之，NotionNext是一个界面精良，使用简单，堪称懒人福音的博客框架，而且可以高度自定义和实时同步，大大节约了维护时间，让使用者专注于博客本身而非搭建网站、部署和维护等杂事上。
上一篇
自制PIP包指北
下一篇
Obsidian跨平台同步指南