完全免费、无需编程基础,使用 Notion + GitHub + Vercel 来搭建网站(博客)的教程。
type
status
date
slug
summary
tags
category
icon
password

B站视频
看1080P高清版,需要点击视频左上角的链接进入B站观看
油管视频

本视频详细地介绍了一个完全免费、无需编程基础,使用 Notion + GitHub + Vercel 来搭建个人网站(博客)的教程。
核心思路是:
- 用 Notion 作为内容管理器:你就像写笔记一样,在 Notion 里写文章、管理页面。
- 用 NotionNext 项目作为网站框架:这是一个开源项目,它能读取你 Notion 里的内容,并生成网站页面。
- 用 Vercel 作为托管和发布平台:Vercel 可以自动从 GitHub 上获取 NotionNext 项目代码,并将其部署成一个可以公开访问的网站。
视频中介绍的具体步骤可以概括为以下几点:
- 准备Notion
- 注册一个 Notion 账号。
- 复制(Duplicate)视频中提供的
Notion 博客模板到你自己的 Notion 空间里。这个模板的结构是预设好的,方便后续网站生成。
- 准备GitHub
- 注册一个 GitHub 账号。
- 在 GitHub 上搜索名为 NotionNext 的项目,并将其 Fork (克隆)到你自己的 GitHub 仓库中。
- 使用Vercel进行部署
- 注册一个 Vercel 账号,可以直接用 GitHub 账号登录,非常方便。
- 在 Vercel 上选择从 GitHub 导入你刚刚 Fork 的 NotionNext 项目。
- 在部署前的配置环节,最关键的一步是设置一个名为
NOTION_PAGE_ID的环境变量。这个 ID 来自于你之前复制的 Notion 博客模板页面的网址链接。 - 点击部署(Deploy),Vercel 会自动开始构建网站,这个过程大约需要几分钟。
- 网站发布与自定义
- 部署成功后,Vercel 会提供一个默认的网址(以
.vercel.app结尾),你的个人网站就已经搭建好了。 - 如何绑定你自己的域名(需要另外申请或购买)。
- 后续你可以在 GitHub 仓库里修改
blog.config.js这个配置文件,来更改网站的标题、主题、作者信息等。 - 所有网站的文章内容,都直接在你自己的 Notion 模板里进行增删改查,Vercel 会自动同步更新。
总的来说,这是一个非常适合新手和没有技术背景的用户来快速拥有一个属于自己的、高度可定制化的个人网站的方案。
相比传统建站的痛点规避
相比于使用 WordPress 这类传统的动态建站系统,本视频中介绍的 Notion + Vercel 的方法(属于现代 Jamstack 架构)规避了许多核心痛点,尤其对个人博主和内容创作者非常友好。
以下是它主要规避的几个 WordPress 痛点:
1. 服务器和数据库的成本与复杂性
- WordPress 的痛点:
你需要购买虚拟主机或云服务器(VPS),这本身就是一笔持续的开销。同时,你还需要管理服务器环境(如 PHP、MySQL数据库),进行数据库的创建、备份和优化。对于新手来说,cPanel、FTP、数据库配置等概念本身就是一道门槛。
- Notion 方法的优势:
完全无需服务器和数据库。 Notion 充当了你的数据库和内容编辑器,而 Vercel 提供了免费的托管和部署服务。你不需要关心任何服务器运维,整个过程是“Serverless”(无服务器)的,极大地降低了成本和技术门槛。
2. 持续的维护和安全风险
- WordPress 的痛点:
这是最核心的痛点之一。WordPress、主题、插件都需要频繁更新以修复安全漏洞。不更新,网站很容易被黑客攻击;更新了,又可能因为插件或主题不兼容导致网站崩溃。你需要定期备份网站文件和数据库,以防万一。维护工作耗时耗力,让人头疼。
- Notion 方法的优势:
几乎零维护,安全性极高。 你的网站被构建成静态文件(HTML, CSS, JavaScript),没有后台程序和数据库暴露在外,攻击面(Attack Surface)极小,因此非常安全。你永远不用担心“升级插件导致网站白屏”或“数据库被注入”这类问题。
3. 网站性能和加载速度
- WordPress 的痛点:
作为一个动态系统,每次用户访问页面,服务器都需要执行 PHP 代码、查询数据库,然后动态生成 HTML 页面。这个过程相对较慢,导致网站加载速度不理想。为了提速,你必须安装和配置复杂的缓存插件(Caching Plugin)和CDN服务,这又增加了复杂性。
- Notion 方法的优势:
性能卓越,速度飞快。 网站在部署时已经预先构建好了所有页面。用户访问时,直接从 Vercel 的全球 CDN(内容分发网络)边缘节点获取静态文件,响应速度极快。这为访客提供了顶级的浏览体验,也有利于搜索引擎优化(SEO)。
4. 繁琐的写作与后台管理
- WordPress 的痛点:
写作需要登录到 WordPress 后台,面对一个功能繁杂但有时略显笨重的编辑器(无论是经典编辑器还是Gutenberg块编辑器)。后台充斥着各种菜单、插件通知和更新提示,容易让人分心。
- Notion 方法的优势:
写作体验极致优雅。 你只需要在 Notion 这个广受好评的笔记应用中写作。它的界面干净、功能强大(强大的块编辑器、数据库视图等),让你能专注于内容创作。写完后,内容自动发布到网站上,流程极为顺畅。
总结对比
特性 | WordPress | Notion + Vercel | 优势说明 |
成本 | 需要购买主机/服务器 | 完全免费 | 节省了持续的托管费用。 |
维护 | 频繁更新核心、主题、插件,需手动备份 | 几乎零维护 | 无需担心软件更新和兼容性问题。 |
安全性 | 漏洞多,是黑客主要攻击目标 | 极高 | 静态化架构大大减少了被攻击的风险。 |
性能 | 较慢,需要复杂优化才能提速 | 极快 | 天生就是静态 CDN 加速,加载速度一流。 |
易用性 | 后台复杂,学习曲线较陡 | 非常简单 | 在 Notion 中写作即发布,体验流畅。 |
总而言之,Notion + Vercel 的方法让个人建站回归到了最纯粹的核心——内容创作,将所有复杂的技术运维工作都剥离了出去,非常适合那些只想安心写作和分享,不想被技术细节困扰的用户。
【扫码识别下发二维码,获取本文使用到的及历史以来提及、发布的相关精选和原创资料,和我们一起充电,加入后可享受每月6次免费咨询提问,帮助解决您的特定问题!】
如果本篇文章对您有帮助或启发,请帮我们
点赞、转发、推荐、关注,让更多想转型财务BP、锻造数据分析和可视化洞察能力的财务同行们看到,关注【老汪洞察】,不迷路!
.png?table=block&id=2b66d25d-51b5-8073-8472-d022a17d18ef&t=2b66d25d-51b5-8073-8472-d022a17d18ef)
温馨提示
如果您不想错过
【老汪洞察】的文章,请将我们设为"星标",这样每次最新文章推送才会第一时间出现在您的订阅列表里。
方法:点击文章页面左上角蓝色文字“老汪洞察”进入主页,点击关注后,再点主页右上角"...",然后选择"设为星标",即可完成,感谢您的支持。上一篇
FIND()、LEN()、Right()函数综合使用,高效自由单元格部分数据
下一篇
Power Query (M语言) 中,如何从三大核心容器(列表、记录、表)中获取数据(钻取)?
Loading...
完全免费、无需编程基础,使用 Notion + GitHub + Vercel 来搭建网站(博客)的教程。
Power Query (M语言) 中,如何从三大核心容器(列表、记录、表)中获取数据(钻取)?
FAQ 001:Power Query (M语言) 中,[]和{}在不同场景下两种用法
FAQ 002:为什么[]取列值和{}取行值图标不一样,展示形式一样但是实质却是不一样的?
FAQ 003:为什么[]取列值和{}取行值展示形式都是竖着的,好像都是列一样?
FAQ 004:使用[]和{}能取多列、多行吗?
课程详细介绍文章(699包年)
为什么财务用Excel就够了,不必非Power BI不可?
建立基于PQ查询生成的透视表,如何避免生成新查询?
一维表和二维表的定义及转换
不懂成本,别做经营分析!4大业务场景下,成本核算和经营分析该如何深度融合?
Power Query功能详解之追加查询
经营分析:运用“道、法、术、器、人”思维模式,一切都想通了
VLOOKUP的致命硬伤以及PQ合并查询如何来拯救?
PowerQuery合并查询的6大连接神器详细解读:左外、右外、完全外、内部、反左、反右
存货计价核算:移动加权平均之美
一文讲透!约当产量法的实务运用,只讲能落地的干货!
成本归集的“最小单元”之争:生产工单、批次、还是工序?
制造业成本核算:“跑成本”背后的常见问题答疑
助力销售,财务如何解忧?
销售定价测算,怎么做?
系统“跑成本”的背后,都在干哪些活?
制造业成本核算与经营分析融合:了解“跑成本”的深刻含义
为什么仓库月末盘点需要财务一起?在一个上线了WMS系统的制造业企业,财务和仓管一起盘点需要注意什么?
出库单如何影响成本核算?
探讨材料毛利/率和材料边际贡献/率
销售预算编制:从战略解码到行动计划的8步闭环,建议收藏!
生产成本预算三大标准:单耗、能耗、工时
制造业的成本核算和经营分析怎么结合起来?
制造业成本核算的10个细节
Power Query功能详解之追加查询和合并查询
成本核算的核心步骤:定义规则、归集分配、计算与分析
财务BP的数据分析和可视化洞察报告究竟怎么做?CRISP-DM模型运用!
PowerQuery功能详解之追加查询和合并查询
浅谈实际成本法与标准成本法的双轨管理
为何Power Query做数据清洗能够一劳永逸?
不同类制造业,成本核算方法如何选择匹配?(核算对象和程序角度)
建议收藏!资深财务BP总结:经营分析报告行文与数据表达标准
Power Query数据清洗查询后,上载出来的报表与普通表的不同之处
PowerQuery功能详解之逆透视列和透视列
PowerQuery功能详解之添加自定义列
PowerBI、PowerQuery中什么是事实表和维度表?
数据分析与可视化的基础材料:从二维表与多维表的细分谈起
学习PowerBI之前先接触Excel的三大高级功能:Power Query、Power Pivot、Power View
为什么PowerBI是最合适的可视化数据分析软件?
财务BP岗位分析(芯碁微装)
“百日攻坚”别再空喊!这套“短平快”的财务组合拳,是年底冲刺真正奏效的真功夫!
财务BP和CFO的联系与区别
一张图,讲透顶尖制造企业的“成本精细化”管理蓝图!
读懂中小企业老板:只有这5件事和3个字!
全面预算管理执行层面的具体实施步骤(以系统执行为例)
“历史的锅,我不背!”——当新任主管遇上糊涂账,财务BP如何“三步走”平息风波?
财务BP岗位角色深度调查分析(价值百万)
关于滚动预算的10个灵魂拷问,没琢磨清楚千万别贸然下手!
告别“大水漫灌”式的成本分摊:用作业成本法,构建“成本精准滴灌”系统
CEO最需要的8个管理会计工具,让你从“记账员”秒变“军师”
别再“业财两张皮”,“管理会计体系”+“财务BP”这套组合拳,必须打!
一年躺“烧”250万!库存持有成本的核算与分析
亏损订单该不该接?算清边际贡献,结果可能颠覆你的认知
别再只报“实际成本”了!那不是成本分析,而是在“开盲盒”!
别只看毛利!算上总部费用分摊,才能看清产品的真正盈利能力
一次讲透在产品与完工成本的分配:破解制造业成本核算的“切蛋糕”难题
揭秘成本失真的头号元凶:一个让所有生产经理背锅的财务漏洞
别让生产车间再“背锅”:“成本反向还原”,找到真正的成本黑洞!
端到端成本核算全流程解析(总括篇)
从“费用预算”走向“全面预算”,需要怎样的信息化系统支撑?
如何从“费用预算”走向“全面预算”?
做了成本、费用预算,为什么还要做资金预算?
制造业生产成本预算如何编制?
报表分析框架:“三表联动”穿透分析法
出口退税:一次架构调整,挽回百万损失(续篇)
构建成本管控体系,用PRISM (方针-常规-检查-监督-衡量) 模型
出口退税:一次架构调整,挽回百万损失
实务中一般借款利息资本化金额怎么算?一文搞懂(附Excel套用模板)
一个案例拆解:现金流量折现估值模型
不同汇报场合,如何选用分析和叙事模型?
深扒之后,才发现净利润和现金流本就是一对“孪生兄弟”!
财务BP最爱的12个结构化拆解和叙事模型(附可套用模板)
冲压件成本、定价快速测算模型(私信获取)
从毛利到净利的分层递进分析3步法
应收账款洞察,五步法深度分析框架
老板们,别只盯着房产了!你公司最“值钱”的隐形资产,可能正躺着睡大觉
承兑汇票该不该收?如何消化?一文说明清楚!
一开始就准备申报高企的公司财务核算体系如何搭建?
保本点测算,一键搞定敏感性分析(模拟运算表)
Excel模拟运算表-财务测算敏感性分析的利器
制造业生产现场如何塑造成本核算?
更精准的成本核算支撑,BOM的分层管理及业务模式匹配
数字化转型背景下,制造业企业如何做好成本核算?
年终结账前哨战,一场精益求精的存货盘点工作,该如何计划和实施?
精准、高效的成本结账来自高效地跨部门协同
财务BP日记:制造业成本核算的起点是多去现场逛一逛
一杯咖啡背后的制造业成本核算逻辑
财务BP的经营分析会报告该怎么搭建?
半年度经营分析会,老板最关心的几个问题以及作为财务BP的你,如何应对?
制造业财务对MES系统的核心诉求?
差旅费审核:三大原则搞定“糊涂账”
把制造业成本算清楚的5个“命门”
财务BP必须修炼的PPT自动生成技术进阶版(思维与实操)
财务BP必须修炼的“端到端思维”
三只松鼠港股IPO:二次创业与价值重塑
溜溜梅的“二次创业”与价值重塑
溜溜梅IPO招股书财务分析(收藏)
快消食品制造业的四轮驱动财务管理模式
从三只松鼠、溜溜梅聚焦快消食品行业
风险扫描之增值税专用发票用量变动异常
数据分析三大思维:对比、分群、相关(附Excel表样模板)
第六波浪潮下,“数据+算力”正决定企业生死存亡!不只是口号!
在不确定的市场中,CFO们最担心什么
财务部各岗位“特写”
如何打造能够快速产出管理报告的核算体系?
财务BP做经营分析的三重境界
酒店行业预算怎么做?
车企的60天账期承诺:能否终结“羊毛出在猪身上,狗来买单”的逻辑?
产品定价测算的必要性和方法论(附Excel定价模型)
美的集团费用管理的7大核心
搭建财务分析数据指标体系(以蔚来汽车为例)
多产品保本点(本量利)分析,思路与Excel模板
续:投资回报率(ROI)测算模板使用指南
白话所得税:常见的应纳税暂时性差异
白话所得税:常见的可抵扣暂时性差异
白话所得税永久性差异,常见类型有哪些?
白话所得税资产与所得税负债
车间技改等资本性支出投资回报(ROI)测算分析(思路与Excel套表模板)
1.66亿!又有上市公司公告补交税款及滞纳金了!为何近年频发?
18万亿市场规模背后的驱动力量,杜邦分析模型的极致运用
费用预算:如何从控制思维向投资思维转变?
经营分析报告可视化图表应用指南(附1000套Excel模板)
经营分析报告中的变动率陷阱与解决方案
保本点敏感性分析:思路与Excel模板
关于非货币性资产对外投资的企业所得税递延纳税处理,一文彻底搞懂!
制造业年度预算环节业财融合怎么做?10年财务BP的几点思路
经营分析会开成了批斗大会,业务不懂财务,财务不理解业务,该如何破局?
领导力培训,团队管理技术,无私分享笔记
现金流 vs 净利润
告别“刀尖舔血”:当税务筹划从“护城河”变成“标靶”
代理出口模式退税,代理企业和生产企业的资金流、发票流、货物流,账务、税务如何处理?一文搞懂!
“签”万别大意!财务BP的制造业合同审核“必读文章”
经营分析会上,为什么毛利率比净利率更多地被提到?皮之不存,毛将焉附!
“风雨”来袭都不怕:轻松搞懂套期保值与套期会计的“避风港”智慧
制造业MES系统对全面预算管理真正落地有何助力?一文搞懂!
结构化思维高效发现和解决问题,管理培训笔记,无私分享
深扒BOM(Bill of Materials),物料清单:制造业利润的基石、财务BP的利器
制造业生产运营环节业财融合怎么做?10年财务BP的总结
生产型企业必看!代理出口模式退税,钱为何要“返”给你?流程、责任、利润分配一文搞清楚!
财政部会计司有关负责人就印发《关于推广应用电子凭证会计数据标准的通知》答记者问,大白话解读
易混淆的合同资产、合同成本、应收账款对比解析,一文搞懂
揭秘巴菲特接班人:从会计师到万亿帝国掌舵者,格雷格·阿贝尔的“稳赢”之路与财务人启示录
新收入准则之合同的变更,大白话拆解
收入篇第②项:对适用时段法确认收入的条件理解不正确
证监会年度例行发布《上市公司2023年年度财务报告会计监管报告》逐项解析之收入篇第①项:未恰当识别履约义务并计量收入
终于弄明白了!上市公司实施股份支付时,有关企业所得税处理的一个困惑!同时了解为何市场条件未达成的股份支付,企业账面照样确认激励成本?
价值50万的制造业经营管理报表、报告体系搭建思路,知名管理咨询公司流出
数据资产入表
个人股东在上市公司实施回购或大股东增持计划时,作为股票转让方(卖方),需要缴纳哪些税费?
大白话理解离职后福利:设定提存计划与设定受益计划
一文搞懂制造业成本核算:会计科目设置、成本流转过程、报表列报,场景化故事呈现,过目不忘!【精华】
出口增值税“免抵退”政策——“免、剔、抵、比、退”,用一个案例拆解各步骤详细计算
说人话!一文彻底吃透总部资产减值测试(理论与案例实操)
是不是可以说资产减值准备计提之后不能转回的都是非流动资产的减值准备,流动资产的减值准备都能转回?
穿越迷雾!巴菲特详解贸易战、AI、美元危机,小微企业如何“活下去、活得好”?
五问出口“免抵退”税政策——“免、剔、抵、比、退”
反向购买的背后!各方获得了什么?交易对价如何实现?
理解非同一控制下资产组商誉减值的会计处理——《企业会计准则第8号——资产减值》
Excel图表,以互补色代表负值功能
[VBA代码实现]更具通用性的取消合并单元格并自动填充原合并单元格的值
Excel取消合并单元格后,下方的空行自动填充
Google Gemini 2.5 PRO,完全免费公开!“迄今为止最智能的AI模型”!
Deepseek V3 0324 重磅更新!全面超越GPT4.5和Grok3,本地部署!
碧桂园的财报终于披露了,他遭遇了什么?还有未来吗?
灵活用工平台+个体户的把戏,还能玩的转吗?完整环节拆解,风险解读
老板80岁了,还在虚开发票,终被判刑!这个现象值得警惕
法释[2024]7号 最高人民法院关于适用《中华人民共和国公司法》时间效力的若干规定
“白条抵库”可行性?这几种情况可以申诉!
个人所得税税率表(2024版)
哪些情形下,补缴税款但不加收滞纳金?
个人所得税 APP 之变:“收入纳税明细”新增 5 个项目解析
关于“警税合成作战中心”,别被谣言带跑偏了
取缔警税合成作战中心?这怎么行?
截止去年底,个人养老金账户开户数超4900万,但空转率约7成
别被“作战中心”的名字吓着了
没有所谓避税的“妙招”
有关关联方之间借款的税务处理(全解析)
合并报表层面,母公司对间接持股子公司的持股比例计算的问题
持股70%变成持股20%,控股子公司变成仅有重大影响的关联公司,那么从投资方角度,其个别报表和合并报表层面要怎么处理呢?
7大审计程序的运用阶段及频次
中小企业财税实务必修课EP01:新公司法背景下,问注册资本是否越高越好的人还在吗?
中小企业财税实务必修课EP02:公司注销了,股东是不是就没有责任了?
中小企业财税实务必修课EP03:公司初始启动资金的来源该怎么配置?全部股东借款or全部股本金投入?
拜登退选声明原稿,逐句中英文翻译,学习英语笔记
中小企业财税实务必修课EP04:法人企业以技术投资入股的税负分析
中小企业财税实务必修课EP05:自然人个人以技术投资入股是否缴纳个人所得税?
中小企业财税实务必修课EP06:技术入股的无形资产,计提的摊销能税前扣除吗?
除了验资报告,股东还有哪些方式可以证明已全部实缴出资?
怎么看股东是否已经完全实缴?
中小企业财税实务必修课EP07:同股是否一定同权?4个容易混淆的比例
中小企业财税实务必修课EP08:哥们义气、口头约定的利益分配和公司管理机制,不靠谱!
中小企业财税实务必修课EP09:税收优惠地注册公司的空子还能不能钻?
中小企业财税实务必修课EP010:软件产品增值税超税负即征即退政策
中小企业财税实务必修课EP011:LPR利率、基点、存量贷款等相关名词的概念介绍,了解存量按揭房贷,你必须先明白的几个概念
中小企业财税实务必修课EP012:产品和服务共存如何卖?混合销售和兼营模式的不同增值税处理|为什么需要谨慎适用混合销售?
如果存量房贷利率下降,等额本金VS等额本息,哪个还款方式省的利息更多?
公司返聘退休员工需要注意哪些细节?
日常分享:惊爆!实缴注册资本也能作假,小心上当!
聊聊个人养老金涉及个人所得税的问题
普通电脑本地部署Deepseek R1人工智能大模型真实体验,联想拯救者R7000P笔记本电脑