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 的免费数据库,整套方案把服务器、带宽、证书、备份等开销全部省去,真正实现了"零服务器"部署。

相关推荐
mCell1 小时前
AI 时代 SVG 画图的潜力
前端·agent·svg
我命由我123457 小时前
CesiumJS 笔记 - 获取容器中心点、Cartesian3 clone 方法、修改 Cartesian3 对象的高度
前端·javascript·css·前端框架·html·html5·js
Hopebearer_8 小时前
页面突然只剩 DOM?一次静态资源版本错配排查
前端·部署
东风破_8 小时前
ESLint 是什么?为什么你的项目需要它?
前端·后端·代码规范
嘻哈∠※8 小时前
0061基于 SpringBoot 的投稿与稿件处理系统设计与实现
java·spring boot·后端
卷无止境9 小时前
在 awesome-fastapi 里,哪些库值得一看?
后端·python
圣殿骑士-Khtangc10 小时前
Go字符串高效拼接性能对比与底层原理分析
服务器·前端·golang
卷无止境10 小时前
FastAPI 的Admin面板生态
后端·python
BigTopOne10 小时前
【ijkplayer】 硬解码流程
前端
kyriewen11 小时前
DeepSeek Harness开源第一天我就上手了——和Claude Code的差距比想象中大
前端·ai编程·deepseek