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

相关推荐
majingming12323 分钟前
FUNCTION
java·前端·javascript
zopple24 分钟前
常见的 Spring 项目目录结构
java·后端·spring
A_nanda1 小时前
Vue项目升级
前端·vue3·vue2
SuperEugene1 小时前
Axios 接口请求规范实战:请求参数 / 响应处理 / 异常兜底,避坑中后台 API 调用混乱|API 与异步请求规范篇
开发语言·前端·javascript·vue.js·前端框架·axios
abigale032 小时前
【浏览器 API / 网络请求 / 文件处理】前端文件上传全流程:从基础上传到断点续传
前端·typescript·文件上传·vue cli
Setsuna_F_Seiei2 小时前
AI 对话应用之页面滚动交互的实现
前端·javascript·ai编程
cjy0001112 小时前
springboot的 nacos 配置获取不到导致启动失败及日志不输出问题
java·spring boot·后端
新缸中之脑2 小时前
追踪来自Agent的Web 流量
前端
wefly20173 小时前
从使用到原理,深度解析m3u8live.cn—— 基于 HLS.js 的 M3U8 在线播放器实现
java·开发语言·前端·javascript·ecmascript·php·m3u8
小江的记录本3 小时前
【事务】Spring Framework核心——事务管理:ACID特性、隔离级别、传播行为、@Transactional底层原理、失效场景
java·数据库·分布式·后端·sql·spring·面试