1 部署准备
阅读 NotionNext 项目文档,克隆 NotionNext 项目仓库到个人仓库下,随后使用 GitHub 账号登陆 vercel,并使用 vercel 部署个人仓库下的 NotionNext 项目。
同时 notion 需发布并获取 NOTION_PAGE_ID
。
涉及链接如下:
NotionNext 项目仓库:https://github.com/tangly1024/NotionNext
NotionNext 项目文档:https://docs.tangly1024.com/article/vercel-deploy-notion-next
vercel 云部署:https://vercel.com
2 环境变量
在 NotionNext 中有一系列环境变量可以设置,从而去配置 NotionNext 站点,下面是星域空间使用的环境变量列表,做记录参考使用:
环境变量 | 环境变量设值 | 环境变量说明 |
---|
NOTION_PAGE_ID | xxx | Notion 页面 ID,NotionNext 用此关联到公开页面 |
NEXT_PUBLIC_PSEUDO_STATIC | false | 伪静态路径,开启后所有文章 URL 都以 .html 结尾,当前设置为 false 是因为有 bug |
NEXT_PUBLIC_THEME | next | 当前主题,在 themes 文件夹下可找到所有支持的主题,例如 gitbook, heo, hexo, landing, matery, medium, next, plog, simple |
NEXT_PUBLIC_THEME_SWITCH | false | 是否显示切换主题按钮 |
NEXT_PUBLIC_APPEARANCE | auto | light 日间模式,dark 夜间模式,auto 根据时间和主题自动夜间模式 |
NEXT_PUBLIC_APPEARANCE_DARK_TIME | [20, 6] | 夜间模式起至时间,false 时关闭根据时间自动切换夜间模式 |
NEXT_PUBLIC_GREETING_WORDS | 欢迎来到星域空间 - Astralor Blog | 3.14.1 版本后,欢迎语在此配置,英文逗号隔开 , 即可支持多个欢迎语打字效果。 |
NEXT_PUBLIC_AUTHOR | hczhang | 作者昵称,例如 NotionNext |
NEXT_PUBLIC_LINK | https://astralor.com | 网站地址 |
NEXT_PUBLIC_KEYWORD | astralor,blog,星域,星域空间 | 网站关键词,英文逗号隔开 |
NEXT_PUBLIC_CONTACT_EMAIL | xxx | 邮箱地址 |
NEXT_PUBLIC_CONTACT_GITHUB | https://github.com/best | 你的 github 个人主页 |
NEXT_PUBLIC_FAVICON | https://i.imglab.cc/6536889d04ed7.png | blog favicon 配置, 默认使用 /public/favicon.ico,支持在线图片 |
NEXT_PUBLIC_WIDGET_PET | false | 是否显示宠物挂件 |
NEXT_PUBLIC_CODE_COLLAPSE | false | 是否折叠代码框 |
NEXT_PUBLIC_NOTION_HOST | https://notion.astralor.com | Notion 域名,您可以选择用自己的域名进行反向代理 |
NEXT_PUBLIC_COMMENT_GISCUS_REPO | astralor/blog | Giscus 评论仓库 |
NEXT_PUBLIC_COMMENT_GISCUS_REPO_ID | xxx(保密) | Giscus 评论仓库 ID |
NEXT_PUBLIC_COMMENT_GISCUS_CATEGORY_ID | xxx(保密) | Giscus 评论分类 ID |
NEXT_PUBLIC_COMMENT_CUSDIS_APP_ID | xxx(保密) | Cusdis 评论应用 ID |
NEXT_PUBLIC_COMMENT_ENV_ID | https://twikoo.astralor.com | Twikoo 评论系统后端地址 |
注:全量环境变量从该处获取:https://github.com/tangly1024/NotionNext/blob/main/blog.config.js