做网站前必看:GitHub、Vercel、Cloudflare、腾讯云到底是干嘛的? ✍ Modengsir AI🕐 2026-07-07📦 9.2 KB 🟢 已读 𝕏 文章列表 本文用“开餐厅”的比喻,深入浅出地解析了建站流程中四个核心平台的角色与区别:GitHub负责代码存储与版本管理,Vercel提供免费的自动化部署托管,Cloudflare负责域名管理、CDN加速与安全防护,腾讯云则提供国内正规的服务器与备案服务。文章最后总结了免费出海与国内正规两条建站路线的选择建议,适合新手理清建站思路。 建站教程网站托管GitHubVercelCloudflare腾讯云域名解析新手指南零成本建站ICP备案 # 做网站前必看:GitHub、Vercel、Cloudflare、腾讯云到底是干嘛的?|建站系列【2】 **作者**: Modengsir AI **日期**: 2026-07-07T12:20:29.000Z **来源**: [https://x.com/ModengSir/status/2074468595543802335](https://x.com/ModengSir/status/2074468595543802335) ---  上一篇文章里,我带你用AI + GitHub + Vercel,零成本上线了自己的第一个网站。很多朋友照着做成功了,但也留言问我: > "我是跟着步骤做出来了,但GitHub和Vercel到底是什么关系?""Cloudflare又是干嘛的?""为什么国内建站还要用腾讯云?" 问得非常好。照着教程做出来,和真正明白自己在做什么,是两回事。 后者才能让你在遇到问题时知道去哪解决,在有新需求时知道该用什么工具。 这篇文章,我用一个"开餐厅"的比喻,把这四个平台一次讲透。看完之后,你对"一个网站是怎么诞生的"会有一张完整的地图。 ## 先建立全局观:一个网站是怎么诞生的?  在讲具体平台之前,先搞清楚一件事:你在浏览器里输入网址、按下回车、看到页面,这中间发生了什么? 简化version: 1. 有人写好了网页代码(网站长什么样、有什么功能,都由代码决定) 2. 代码被放在一台24小时开机联网的电脑上,这台电脑叫服务器 3. 你需要一个域名(比如 baidu。com),让别人能通过好记的名字找到这台服务器 4. 用户输入域名 → 找到服务器 → 服务器把网页内容发给用户 → 页面显示出来 所以做一个网站,你需要解决四个问题: > 代码放哪?谁来当服务器?域名去哪弄?访问速度怎么保证? 今天讲的四个平台,就是分别解决这几个问题的。下面进入正题。 ## 用"开餐厅"来理解这四个平台 想象你要开一家餐厅。做网站和开餐厅,逻辑惊人地相似。 ## GitHub —— 存放菜谱的保险柜 官网:github.com|角色:代码仓库 你的餐厅能做什么菜、味道如何,全靠菜谱。对网站来说,代码就是菜谱——它决定了网站长什么样、有什么功能。 GitHub就是全球最大的"菜谱保险柜",它帮你做三件事: 1. 存代码。 代码放在本地电脑上,电脑坏了就全没了。放GitHub上,云端永久保存。 2. 记录每一次修改。 这是GitHub的看家本领,叫"版本管理"。你今天改了首页,明天改崩了,可以一键回退到昨天的版本。就像游戏存档,随时读档。 3. 分享与协作。 GitHub也是全球最大的程序员社区,上面有海量的开源项目(公开菜谱)。别人做好的博客系统、导航站、工具站,代码全部公开,你可以直接拿来用。对新手来说这是宝库——很多时候你根本不用从零开始,找个现成项目改改就行。 国内使用情况: 可以正常注册和使用,但访问速度时快时慢,偶尔抽风,刷新一下或换个时间段一般就好了。 费用: 个人使用免费。 ## Vercel —— 免费帮你开店的商场 官网:vercel.com|角色:网站托管平台 有了菜谱,还得有个店面才能接待客人。对网站来说,"店面"就是服务器。 传统做法是自己买服务器、装系统、配环境——相当于自己买地、盖房、装修,对新手极不友好。 而Vercel相当于一个免费商场:你把菜谱(代码)给它,它直接给你一个装修好的店面,还送你一个门牌号(xxx.vercel.app 的网址)。 它最厉害的一点是和GitHub的自动联动:你在GitHub上更新代码,Vercel几十秒内自动重新部署,网站立刻更新。整个过程你不用碰任何服务器知识。 国内使用情况: 这是它对国内用户最大的软肋——vercel.app 的默认网址在国内部分网络环境下访问不稳定,有的地方秒开,有的地方打不开。缓解办法是绑定自己的域名(后面讲域名那篇会教)。 费用: 个人使用免费,额度对个人网站来说绰绰有余。 类似的平台还有 Netlify、GitHub Pages(GitHub自带的建站功能)、Cloudflare Pages,逻辑都一样,会用一个就会用全部。 ## Cloudflare —— 餐厅的保安 + 分店网络 + 门牌管理处 官网:cloudflare.com|角色:CDN、域名、安全服务 Cloudflare是四个里面功能最杂的,它像一个"服务包",对新手来说最有用的是这三样: 1. CDN加速(分店网络)。 假设你的店开在美国,中国客人每次都要"飞去美国吃饭",太慢了。CDN的原理是在全球各地开分店,把你的内容缓存到离用户最近的节点,用户就近访问,速度更快。Cloudflare在全球有几百个节点,免费给你用。 2. 安全防护(保安)。 网站暴露在公网上,会有恶意攻击、爬虫轰炸。Cloudflare站在你的网站前面,挡掉恶意流量,相当于门口站了个免费保安。 3. 域名注册和解析(门牌管理处)。 Cloudflare可以直接买域名,而且是业内出名的成本价销售,不赚差价,续费不涨价。同时它的域名解析(把域名指向你的服务器)功能强大且免费,是很多老手的首选。 另外它还有个 Cloudflare Pages,功能类似Vercel,也能免费托管网站,算是备选方案。 国内使用情况: 免费版CDN在国内访问速度一般(因为免费节点大多分配在海外),但域名注册和解析功能非常好用,值得用。 费用: 核心功能免费,域名按成本价付费。 ## 腾讯云 —— 国内正规的房东 + 工商局 官网:cloud.tencent.com|角色:国内云服务商 前面三个都是海外平台,走的是"免费出海路线"。但如果你的餐厅要正经在国内开门营业,就绕不开腾讯云这类国内云服务商(阿里云、华为云同理,选一家即可)。 它提供的是"正规开店一条龙": 1. 云服务器。 相当于在国内租一个店面,用户访问速度快且稳定。入门级的"轻量应用服务器"活动价一年几十到一百多块。 2. 域名注册。 也卖域名,且买域名+备案在同一家做,流程更顺。 3. ICP备案。 这是重点中的重点。国内法规要求:凡是使用国内服务器的网站,必须完成ICP备案,相当于开餐厅要办营业执照。备案免费,但流程要花1-3周,需要实名认证、提交资料、接核验电话。 什么情况必须走腾讯云路线? - 你的用户主要在国内,需要稳定快速的访问 - 你想让网站被百度收录、跑国内流量 - 你想接国内的支付、小程序等服务 费用: 服务器和域名付费,新用户活动价很便宜;备案本身免费。 ## 一张表总结  ## 两条建站路线,你该怎么选? 看懂了四个平台,建站其实就两条路线:  路线A:免费出海路线 > GitHub(存代码)→ Vercel(部署)→ Cloudflare(域名+加速) - 成本:0元起步,加个域名一年几十块 - 优点:完全免费、不用备案、半小时上线 - 缺点:国内访问速度不保证 - 适合:个人主页、作品集、练手项目、面向海外的网站 路线B:国内正规路线 > GitHub(存代码)→ 腾讯云服务器(部署)→ 腾讯云域名+备案 - 成本:一年100-200元左右 - 优点:国内访问快而稳,可被百度收录,可商用 - 缺点:要花钱、备案要等1-3周 - 适合:认真运营、面向国内用户的网站 我给新手的建议是:先走路线A。 零成本把整个流程跑通,把网站做出来,确认自己真的需要长期运营了,再升级到路线B。这个系列的文章也是按这个顺序安排的。 ## 总结 记住这四句话,你就把今天的内容全掌握了: > GitHub存菜谱,Vercel开免费店,Cloudflare管门牌和保安,腾讯云是国内正规开店一条龙。 下次再看到任何建站教程,你都能立刻明白每一步在干什么、为什么要这么做。 ## 下期预告 从下一篇开始进入实操详解。第一站:GitHub——这四个平台里唯一一个两条路线都要用到的基础设施。 《手把手注册GitHub:看懂仓库、Commit和README,不碰命令行也能玩转》,教你用纯网页操作把GitHub用明白。 我是 @modengsir,codex零基础建站系列持续更新中。 如果这篇对你有帮助,欢迎转发给同样想建站的朋友。 ## 相关链接 - [Modengsir AI](https://x.com/ModengSir) - [@ModengSir](https://x.com/ModengSir) - [513](https://x.com/ModengSir/status/2074468595543802335/analytics) - [github.com](https://github.com/) - [vercel.com](https://vercel.com/) - [vercel.app](https://vercel.app/) - [cloudflare.com](https://cloudflare.com/) - [@modengsir](https://x.com/@modengsir) - [Upgrade to Premium](https://x.com/i/premium_sign_up) - [8:20 PM · Jul 7, 2026](https://x.com/ModengSir/status/2074468595543802335) - [513 Views](https://x.com/ModengSir/status/2074468595543802335/analytics) --- *导出时间: 2026/7/7 22:04:31*
零 零基础建站完全指南(收官):决策地图与避坑清单 本篇为零基础建站系列的收官总结,并未介绍新工具,而是通过一张决策地图梳理了从练手到正规运营的三种建站方案(纯免费、免费+域名、国内正规),详细对比了成本与优劣。文章重点讲解了如何从海外免费路线平滑升级至国内正规备案路线,并汇总了代码、部署、域名及备案环节的全流程避坑清单,旨在为初学者提供一份完整的建站速查手册。 技术 › 工具与效率 ✍ Modengsir AI🕐 2026-07-13 建站指南VercelGitHubICP备案Cloudflare腾讯云DevOps独立开发教程AI辅助
几 几十块买个域名,绑定Vercel + 接入Cloudflare全流程 文章是免费建站系列的第五篇,重点讲解如何以低成本购买域名并将其绑定到 Vercel,同时接入 Cloudflare 进行解析和加速。内容涵盖了域名常识、注册商选择(推荐 Cloudflare 或腾讯云)、DNS 托管迁移、Vercel 域名绑定配置以及 Cloudflare 免费功能(如邮件转发)的利用。通过这套“腾讯云买域名+Cloudflare 托管+Vercel 部署”的组合,实现了低成本且稳定的个人网站搭建方案。 技术 › DevOps ✍ Modengsir AI🕐 2026-07-10 建站VercelCloudflare域名解析个人博客服务器配置SSL证书DNS网络配置教程
不 不会写一行代码,我用Codex给自己做了个网站,全程0元 | 建站系列【1】 本文是建站系列教程的第一篇,主要介绍如何在不编写任何代码的情况下,利用AI Codex、GitHub和Vercel搭建一个免费的个人网站。作者详细拆解了从生成代码、保存文件到部署上线的全流程,并提示了新手易错点(如文件命名)及国内访问的注意事项。 技术 › Codex ✍ Modengsir AI🕐 2026-07-07 建站教程低代码个人网站GitHubVercel零基础前端部署免费资源AI辅助编程
腾 腾讯云服务器+ICP备案全流程:国内建站最大的坑,一篇讲透 本文是建站系列指南的第6篇,旨在为需要在国内正规运营网站的用户提供保姆级教程。文章详细介绍了ICP备案的概念与必要性,对比了个人与企业备案的区别,并重点演示了如何通过腾讯云购买轻量应用服务器及配合宝塔面板进行部署。文章深入剖析了备案全流程,提供了真实材料准备、五步走操作指南以及网站名称规范等避坑建议,帮助用户低成本(年成本约百元)解决国内服务器访问速度与合规性问题。 技术 › DevOps ✍ Modengsir AI🕐 2026-07-11 建站ICP备案腾讯云服务器宝塔面板SEO合规Web开发
1 10分钟上线网站:Vercel保姆级教程,含部署失败排坑指南 本文是建站系列的第四篇,提供了详细的 Vercel 部署教程。文章介绍了 Vercel 的免费额度与商业模式,涵盖了注册流程、单文件及 Fork 模板项目的部署步骤。重点讲解了如何配置框架预设和环境变量,并提供了利用 AI 辅助排查部署失败问题的方法。最后,针对国内访问 Vercel 不稳定的问题,作者给出了绑定自定义域名等解决方案。 技术 › 前端 ✍ Modengsir AI🕐 2026-07-09 Vercel建站前端部署DevOps教程Next.js网站建设GitHub排坑
G GitHub 不会用?这篇人话版指南建议收藏! 本文为非程序员用户编写了一份 GitHub 使用指南。文章指出 GitHub 不仅是代码仓库,更是包含 Notion 模板、AI 工具、插件等的资源库。作者详细讲解了如何搜索关键词、查看 README 说明、区分下载源码(Code)与安装包(Releases)、使用 Star 收藏、以及利用 Issues 解决问题等核心操作。 技术 › 工具与效率 ✍ 云析🕐 2026-07-08 GitHub新手指南教程效率工具资源搜索开源
一 一文超详细讲透GitHub:从注册、搜索到部署与协作的全流程指南 这是一篇面向 AI 编程爱好者的 GitHub“保姆级”教程。文章从开源概念与 Git/GitHub 区别讲起,详细涵盖账号注册、双重认证(2FA)、仓库创建、高效搜索技巧、仓库结构解析、Issue 提交流程以及本地 Git 操作。作者重点介绍了如何利用 AI 编程工具(如 Cursor)简化 Git 命令,并讲解了 Fork 与 Pull Request 的开源协作机制,最后分享了项目部署至 GitHub Pages 和 Vercel 的方法。 技术 › DevOps ✍ 老王霸 AI Lab🕐 2026-07-02 GitHub教程Git开源版本控制DevOps部署VercelCursor工具与效率
G GitHub 新手指南:写给非程序员的入门说明 随着 AI 工具的普及,GitHub 已不再仅限于程序员使用。本文面向非程序员,旨在科普 GitHub 的基础概念与使用方法。文章详细介绍了首页 Dashboard、Explore 探索页、Trending 热榜、Topics 主题分类以及 Collections 合集等核心功能。同时,讲解了如何利用 Search 搜索具体需求、阅读 README 项目说明书、以及通过 Star 收藏有价值的项目。最后总结了从发现到收藏的完整使用路径,帮助非技术人群将 GitHub 作为发现新工具、了解技术趋势的重要信息入口。 技术 › 工具与效率 ✍ veyhon🕐 2026-05-17 GitHub新手指南非程序员AI工具开源教程工作流Agent效率工具科普
手 手把手教你用 AI 做一个个人作品集网站 本文是一份保姆级教程,指导读者如何利用 AI(如 CodeX、Claude Code)从零开始构建个人作品集网站。文章强调在 AI 时代,作品集比传统简历更能展示个人能力。作者详细介绍了准备素材、寻找设计风格、生成 Demo、代码上传至 GitHub、部署到 Vercel/Cloudflare 以及购买域名的全过程,并指出这是通过作品重新认识自我、展示个人生命力的过程。 技术 › 工具与效率 ✍ Gloria🕐 2026-04-28 AI个人作品集网站建设教程VercelGitHub部署Prompt前端职场发展
想 想开始 vibe-coding,先把这 8 个工具放上桌面 文章旨在为 Vibe-coding 新手构建一套完整的工作台。作者指出新手应优先关注 IDE 和 Git 等基础设施,而非纠结于模型或 Prompt。文中推荐的工具栈包括:用于代码架构的 Trae、用于版本管理的 Git、用于界面设计的 Pixso/Stitch、用于图标资源的 Iconfont/Lucide、用于后端的 Supabase 以及用于部署的 Vercel。这套组合拳旨在解决从开发到上线的全流程常见卡点,提升开发效率。 技术 › 工具与效率 ✍ Russell🕐 2026-04-16 VibeCodingIDE工具推荐Git前端开发UI设计SupabaseVercel新手指南工作流
上 上海交大团队出品的大模型实战开源课程 上海交大团队推出的大模型实战开源课程,在GitHub获4.6w+ star。课程从零开始设计,包含API调用、模型微调、多模态开发等模块,配套在线实验环境,适合系统学习大模型知识。 技术 › LLM ✍ 阿西_出海🕐 2026-07-29 大模型开源课程实战教程GitHub模型微调多模态API调用越狱攻防
重 重写Agent:在Durable Object中使用Pi、Agents SDK和Code Mode 本文讲述了camelAI团队如何将Agent从虚拟机迁移到Cloudflare Durable Object中。通过利用SQLite和R2作为文件系统,并用JavaScript替代bash,团队解决了高昂的基础设施成本问题。尽管限制了Agent只能使用预定义的方法,但这提高了性能和安全性,并优化了产品体验。 技术 › Agent ✍ Miguel Salinas🕐 2026-07-29 CloudflareDurable ObjectAgent架构优化JavaScriptSQLite无服务器迁移