0成本、0代码、全球CDN:Vercel + Notion快速搭建个人博客

大家好,我是凌览。

如果本文能给你提供启发或帮助,欢迎动动小手指,一键三连(点赞、评论、转发),给我一些支持和鼓励谢谢。

前言

搭个博客,五分钟就能跑起来,但长期维护困难。

第一年有新人补贴,阿里云轻量服务器只要百来块,再配个域名,全套两百搞定,便宜得像白捡。

可优惠券一到期,账单立刻变脸:续费价直接翻倍,低配机型也要六百起跳。

若搭建的网站无法带来收益,对于大多数人会选择不在继续续费。

本文推荐一个开源项目,利用 Vercel 与 Notion 快速搭建网站,仅需自行设置域名即可上线。

NotionNext

NotionNext是作者tangly1024在Github上开源的基于Next.js框架开发的博客生成器。目的是帮助写作爱好者们通过Notion笔记快速搭建一个独立站,从而专注于写作、而不需要操心网站的维护。

它将您的Notion笔记渲染成静态的博客页、并托管在Vercel云服务中。与Hexo静态博客相比较不同的是,您无需每次写好的文章都要推送到Github,编写与发布只在您的Notion笔记中完成。

依托于Notion强大的编辑功能,您可以随时随地撰写文章、记录你的创意与灵感,笔记会被自动同步至您的博客站点中。

它是一种几乎零成本的网站搭建方式,您只需要花费几十块钱购买域名的费用,就可以拥有一个独立的网站。

成功案例比如我的个人博客blog.code24.top/:

tangly1024 作者的网站blog.tangly1024.com/:

NotionNext部署

作者已提供详细的NotionNext部署文档,按照文档指引即可完成部署。

项目采用MIT开源协议,用户可根据自身需求自由修改和定制UI界面。

对于国内用户而言,由于Notion网络访问存在不稳定因素,可能会出现连接超时的情况。虽然通过配置国内域名能够在一定程度上改善访问体验,但图片加载问题仍然存在,因为图片资源主要托管在Notion服务器上。

最后

我的个人网站基于 NotionNext 搭建,每年仅需支付域名费用,运维成本趋近于零。借助 Vercel 的免费托管与 Notion 的免费数据库,整套方案把服务器、带宽、证书、备份等开销全部省去,真正实现了"零服务器"部署。

相关推荐
FungLeo6 小时前
成为全栈·React 管理后台篇·总复盘:从“接口能调通”到“后台值得使用”
前端·react.js·前端框架·项目复盘·成为全栈
EatFan6 小时前
Spring Boot 4 落地观察:从 yudao-cloud、matecloud、JPower 看国产脚手架的升级路线与迁移清单
java·spring boot·后端·spring cloud·微服务·后端开发·jdk 21
Csvn7 小时前
并发模式:让渲染学会排队、插队和让路
前端
可乐鸡翅yeah_8 小时前
新手梳理:M3U8 线上问题,哪些是前端锅,哪些是后端锅
前端·ios·音视频·实时音视频·m3u8·音视频在线播放
Flynt8 小时前
Linear 用 1000 个 PR 换掉 styled-components,我写了 200 个按钮,把这笔账复现了一遍
前端·css·preact
波力海苔夹心脆6758 小时前
C# 序列化与反序列化详解:System.Text.Json、Newtonsoft.Json、XmlSerializer 用法、特性选项与安全实践
经验分享·后端·c#·json·.net
JavaGuide9 小时前
NVIDIA 又开源了!这次给 AI Agent 加上权限管控
前端·后端
excel9 小时前
prisma 如何处理数据库竞态
前端·数据库·后端
莪_幻尘10 小时前
Skill 体检:30 个 Skill 全凭感觉?体检器先自曝了 8 个“假 0 分
前端·人工智能·llm