惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

WordPress大学
WordPress大学
J
Java Code Geeks
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
腾讯CDC
IT之家
IT之家
罗磊的独立博客
酷 壳 – CoolShell
酷 壳 – CoolShell
U
Unit 42
爱范儿
爱范儿
博客园 - 聂微东
F
Fortinet All Blogs
V
Visual Studio Blog
Blog — PlanetScale
Blog — PlanetScale
G
Google Developers Blog
aimingoo的专栏
aimingoo的专栏
L
LangChain Blog
雷峰网
雷峰网
B
Blog RSS Feed
宝玉的分享
宝玉的分享
T
Tailwind CSS Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Engineering at Meta
Engineering at Meta
H
Hackread – Cybersecurity News, Data Breaches, AI and More

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
用 Notion 部署你的个人博客 —— 基于 Nobelium + Vercel 的个...
2021-05-16 · via 少数派
Nobelium 部署后的效果

静态博客的平台层出不穷,对于普通人而言,部署个人博客也早已不再是一件难事。本文将介绍通过 Nobelium 项目将个人博客托管到 Vercel,再绑定个人域名的操作过程。

如果你按照本文操作,那么最后能够收获外观不错的个人博客,并且你可以在 Notion 上撰写你的博客,内容会自动同步到个人博客中。如果你在使用 Notion 记录一些知识/生活或是其他,通过 Nobelium 是一个不错的分享内容的方式。

基础知识:

Nobelium :一个通过 Notion 做内容管理的静态博客项目;基本原理是利用 Notion 公开分享的页面,获取页面内容、添加样式的方式来实现的静态博客。

Vercel:一项对开源项目免费的托管服务。Vercel 是一项集部署发布、服务托管、证书部署等等为一体的自动化的托管服务器。简单而言,我们只需要知道:

  1. Vercel 面向开源项目是免费的(意味着其实你不需要花费任何钱);
  2. Vercel 能够自动将开发模式下的代码「转变」为可以对外提供服务的网页(意味着上手成本比较低);

Vercel 做的非常好,功能完善到你无需知道太多专业知识,就可以部署独立域名、带安全证书的网站。

其次,开始前,你需要有一个 GitHub 账号(如果没有的话,赶紧注册一个吧)。

开始部署

如果你熟悉各种开源项目,那么其实 Nobelium 的 README 已经详细介绍了具体部署的步骤,如果你只是普通的 Notion 用户,那么可以跟着以下步骤进行:

1. 拷贝模板,并分享

1. 打开 Nobelium 提供的 Notion 模板,拷贝这个模板到自己的 Notion Workspace 中。

点击 Duplicate 拷贝模板到自己的Notion中

2. 将自己Workspace 中的这个页面分享出去:

Share to web

当然,如果你不想公开这个页面,你也是可以通过 Token 的方式来让 Nobelium 抓取内容的,由于 Notion 后续会提供 API ,并且临时获取的 Token 也存在过期的问题,本文不做介绍,读者可以自行参考 README 找到相关的说明。

2. FORK NOBELIUM 项目到自己 GITHUB 仓库中

点击一下 Fork 按钮即可

这里对不了解 GitHub 的 Notion 用户解释一下,Fork 其实就是 Notion 的 Duplicate ,也就是把这个项目拷贝到自己的 GitHub 里面,这边你才可以对这个项目的代码进行编辑。拷贝后就能看到「你的ID/nobelium」 ,这就表示这个项目现在在你的仓库中了!

Fork 后的项目,就可以编辑啦

3. 修改配置文件

找到 blog.config.js 这个文件,点击进入到预览页面:

找到 blog.config.js 文件

点击编辑按钮,进行编辑:

点击编辑按钮

这里可以修改一些博客的基本信息:

  • title 填写你博客的名称
  • author 填写作者名称
  • email 你的邮箱地址(如果你觉得有必要的话)
  • link 你的博客地址
  • description 博客的描述

以及外观相关的appearancefontlightBackgrounddarkBackground 配置可以进行修改。开发者的文档注释非常详细,可以直接参考文件内的注释进行修改。

除了 blog.config.js 外,你还可以替换项目的图标等内容,这些文件都存储在 public 这个文件夹中,点击 「Add file」 按钮,可以将文件上传到此处进行替换,保持文件名称一致即可(可以先修改原文件的名称,再上传一份自定义的文件)。

修改 public 中的文件,对网站样式进行自定义

4. 登陆到 VERCEL 进行部署操作

打开 https://vercel.com/ ,然后点击 Sign up 选中 「Continue with GitHub」。

授权使用 Github 登陆到 Vercel,接着会弹出 「Import Git Repository」(如果没有,那么点击右上角的 「New」),选择 Nobelium 这个项目,点击 「Import」,选择个人账号,开始部署操作:

展开 「Environment Variables」,即环境变量,填写 NOTION_PAGE_ID,以及对应的值:

关于 Notion page id,可以直接看:

就是分享链接中 ?v= 前面的那段字符。确认后,点击 「Add」:

最后一步,就是点击 「Deploy」,开始部署,右侧会显示部署的过程:

部署 完成后,点击「Visit 」就可以看到博客网站啦!

5. 最后一步,绑定自己的域名

在 Vercel 中打开项目,选择「Settings」,然后选中「Domains」,添加自己的域名即可。添加后,需要去域名服务商中,设置一下解析,CNAME 解析即可。

当然,如果你输入域名后,网页的域名跳转了,你也可以再设置一下,将 「Redirect to」,选为 「No Redirect」。

注意事项

  • 在 Notion的 Database 页面中,请不要留空,这样有可能会导致部署失败;
  • about 页面可以在 Notion 中创建一个 slug 为 about ,type 为 Page 的内容,在其中填写内容即可;
  • 其他问题可以参考 GitHub 中的 issue 页面

尾巴

最后其实 Nobelium 这个项目还提供了网页信息统计、评论等功能,如果你有一定的编程基础,也可以给自己的博客添加这些配置。

最后的最后,博客可能并不是当今中文互联网最好的承载个人内容的方式,但我依然认为,个人博客是仍是当今最浪漫的方式。愿意维护自己博客的人,想必也都是理想且烂漫的人。

  • 彩蛋 1:5月14日,Notion API 已经开始公测了,届时应该会有更多不同类型的 Notion Base App 🌚。
  • 彩蛋 2: 该项目我派稿霸 SpencerWoo 也有参与。