nobelium搭建notion博客

date
Jan 13, 2026
slug
first-config-nobelium
status
Published
tags
notion
nobelium
summary
fork nobelium后，对一些配置做下修改
type
Post
nebelium是一个你在notion中写文章，就可以自动发布到博客网站的系统，简单高效。
原地址：nobelium，fork并部署到Vercel后，做一些修改：

博客配置修改

blog.config.js 包含title、author、link、sort等属性，按需修改。

中文字体修改

  1. styles/global.css 首行引入LXGW屏幕阅读增强版：@import url('https://npm.elemecdn.com/lxgw-wenkai-screen-webfont@1.1.0/style.css');
  1. consts.js的FONTS_SANS的数组中添加'"LXGW WenKai Screen"'，需要双引号，排在第二位。

移除Vercel页脚

components/Footer.js注释：{/* <Vercel /> */}

使用utterances评论系统

  1. 需要一个公开的开启issues的仓库
  1. 需要在utterance安装这个仓库
  1. blog.config.js里utterancesConfig的repo设置为用户名/仓库名，不需要完整url链接

注释掉博客图标

components/Header.js注释掉下面这段 Image 代码：
使用{/* ... */}注释。

注释掉文章中的作者名和头像

components/Post.js里注释掉如下代码：

关闭about

blog.config.js里showAbout: false

关闭rss

components/Header.js里show改为false即可：

缩短哨兵栏、导航间距

components/Header.js里 ：
md:h-12改为md:h-4
  • py-8：上下内边距。8 代表 2rem (32px)，上下加起来就是 64px。
  • md:mb-12：导航栏下方的外边距。12 代表 3rem (48px)。这是导致“导航栏”与“文章列表/内容”之间空隙巨大的原因。
md:mb-12 py-8改为md:mb-6 py-6：

© 陆上江南 2021 - 2026