星辰
星辰
Published on 2023-10-23 / 9 Visits
0
0

Notion Next 使用 Vecel 部署

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


Comment