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