Notion+Nobelium+Vercel搭建个人网站

写在前面

基础配置

1. Fork
   nobelium

   craigary • Updated Jan 26, 2024
   的Github仓库

2. 复制
   🎟️
   NOBELIUM Template 作为Notion Table的模板，页面设置为公共访问

3. 创建Vercal账户，可直接用Github账户登录导入Nobelium的project。将Environment Variables环境变量的Value设置为Notion公共页面的Page ID

 

1. 复制Github仓库后不能转至私有化仓库。

2. 开发者是中国人，不清楚是否有国内审查的风险。

写作

进阶配置

重定向至自定义域名

1. 域名申请：我已经在NameCheap上购买过自定义域名

2. Vercel自定义域名：在 Vercel Project 的 Settings > Domains 添加域名.添加后会自动生成一条DNS 记录，然后根据提示添加一条 A 记录或 CNAME 记录，Vercel 会自动生成 SSL 证书，访问域名即可

3. 在域名服务商后台修改DNS记录：打开NameCheap→ Domain List。设置NAMESERVERS为 Namecheap BasicDNS,将dvanced CNS一栏将之前的所有记录删除（Netlify遗留产物），替换为Vercel生成的DNS记录

4. Vercel刷新部署：刷新Vercel后台，如果配置成功Status会变成绿色Ready。也可访问域名来查看是否部署成功

添加Cusdis作为评论系统

1. 在Cusdis注册账号， New Site -> Site name填入添加自定义域名→点击 Embeded Code

2. 复制 data-app-id，并填写到 blog.config.js 对应的位置，如果使用官方提供的服务器，可以这样填写：

网页个性化配置

设置网页图标

其他

常用命令

待办事项

1. RSS配置：目前无法正常运行

2. 头像：Gravatar，需要自动关联至邮箱

3. 修改导航连接
使用 nobelium + Notion 制作博客的一些 Tips：如何自定义新的导航连接
前段时间把博客迁移到了使用 nobelium + Vercel 的 Notion 上面，最大的好处就是可以利用 notion数据库的形式，来实现写完文章后，把状态改为「publish」就可以立刻发布，不需要在像 Hexo 一样安装npm，每次发文章都需要部署。而且 notion 里大部分的格式都可以在博客里使用，比如书签、表格、代码块、图片、视频等，不需要再找一个图床了。本文将告诉你，如何修改自己博客里 nobelium 的源文件，如何自定义新的导航连接，如何调整导航透明背景的模糊程度。

https://blog-issei.vercel.app/nobelium_tips

4. 修改CSS样式
记录新博客：nobelium, Vercel, Tailwind CSS 和域名
长文预警（一不小心写了一万多字…… 真希望我写论文有这动力）。这几天可能是为了逃避一些现实的压力，我疯狂折腾了几天。用 nobelium 搭建了一个新的博客，折腾了一下 Tailwind CSS，顺便买了一个域名，给自己的博客都上了自己的域名。

https://l3on.dev/nobelium

类似软件

Popsy - No-code website builder that works like Notion

Create a beautiful no-code website in minutes. Popsy works just like Notion but is built from the ground up for building websites. Choose a free template. Edit content just like in Notion. Customize styles without code. Free Notion icons and illustrations.

https://popsy.co/

基于Notion by Popsy 创建自己的个人主页 - 少数派

busyhe.com介绍以前利用过很多技术方案来搭建自己的个人主页和博客，比如Hexo、Mweb、GithubPage、GitlabPage、vue-cli、到最后自己编写纯静态页面。从最初的对于网页 ...

https://sspai.com/post/71866

Super — Create Websites with Notion

Create a website in less than a minute with instant page loads, SEO optimization, and no-code theming. All your content is kept and managed in Notion so you can focus on creating while Super handles the rest.

https://super.so/

: Generate a minimalistic blog from a Notion table

: Generate blog from NextJS + Notion API + Vercel

Reference

使用 Nobelium + Vercel 把你的 Notion 变为博客 - 少数派

博客这个词已经逐渐从大众事业上消失，取而代之的是微博、微信朋友圈这些平台。可是在少数人眼里，博客依然是那个直抒胸臆、发表并记录自己的生活、学习、工作的最好的平台，不需要担心太多的浏览量、点赞量👍，反而 ...

https://sspai.com/post/66641

关于怎么搭建一个这样的blog

教你如何搭建一个和本站一样实用的blog

https://blog.zhuchao941.world/how-to-build-this-blog

Vercel+Nobelium搭建独立站 | Tangly Blog

将Notion笔记本变成一个独立博客网站，无需写代码、无需服务器、免维护。https://nobelium.tangly1024.com

https://blog.tangly1024.com/article/notion-nobelium-vercel

Nobelium 初体验

目录 介绍 优点 配置 关于 Twitter 头像 添加评论系统 小坑 其他 脚注 notion 样式 最后 本文所提及的 Nobelium 项目已搭建在 Vercel 上：👉 MyNotionBlog ，如果看完也比较符合你心意，那就看下...

https://tanxy.club/2022/taste-nobelium