Nobelium 配置记录
status
Published
type
Post
slug
nobelium-config
date
Jul 10, 2023
tags
Config
Notion
summary
Nobelium 是一个基于 Notion 的静态博客生成器,可以轻松将 Notion 页面转换为个人博客。使用 Nobelium 需要进行一些配置,包括填写个人信息、设置主题样式、选择评论插件等。在部署完成后,可以通过 Vercel 自动生成的域名访问博客。除此之外,还可以根据需求修改顶部导航栏和底部页脚的链接信息,以及调整代码块的主题样式和字体。
之前用 NotionNext 项目来驱动本站点,使用体验还不错,也推荐给一些朋友,但于个人而言总感觉还是花里胡哨了一些,并且每次升级的体验并不是很好,不适合我这种“懒人”。
于是又发现了 Nobelium 这个项目,是中意的极简风格,就决定是你了🫵!
部署
- 复制 Notion template 到您自己的 Notion 账户中
- Fork 下面项目到自己的 GitHub 账户中
- 修改 Fork 项目中的
blog.config.js
文件 - 打开 Vercel ,连接自己的 GitHub 账户,选择 Fork 并修改完的仓库,同时填写好环境变量
- 部署完成后,即可以通过 Vercel 自动生成的域名进行访问了,当然也可以绑定自己的域名,毕竟
vercel.app
早已被污染了。 - 编辑
styles/globals.css
添加字体声明 - 编辑
consts.js
在其中加入 '"LXGWBrightGB"'
变量名称:
NOTION_PAGE_ID
,变量值从上面复制的 Notion 模板页发布得到,如图所示:该链接形如:
https://xxxx.notion.site/2edd48315dbb4a16965530fea324589f?v=7cc597625db54b0698636811cffaea40
,其中 .site/
之后和 ?v=
之前的那一串即为 所需要填写的 PAGE_ID。A 记录可指向 IP
76.223.126.88
,CNAME 记录指向 cname-china.vercel-dns.com
其他修改
顶部导航栏
编辑
components/Header.js
,修改顶栏上的链接信息对应显示则需要修改相应的 i18n 国际化配置,例如编辑
assets/i18n/basic/en-US.json
底部页脚
编辑
components/Footer.js
代码块主题
夜间深色模式下,代码块依然为浅色主题,搜索发现 https://l3on.dev/nobelium 中有提到过类似情景。为了省事此处直接替换掉 CSS 引用,编辑
pages/_app.js