零基础建站完全指南(收官):决策地图与避坑清单 ✍ Modengsir AI🕐 2026-07-13📦 9.7 KB 🟢 已读 𝕏 文章列表 本篇为零基础建站系列的收官总结,并未介绍新工具,而是通过一张决策地图梳理了从练手到正规运营的三种建站方案(纯免费、免费+域名、国内正规),详细对比了成本与优劣。文章重点讲解了如何从海外免费路线平滑升级至国内正规备案路线,并汇总了代码、部署、域名及备案环节的全流程避坑清单,旨在为初学者提供一份完整的建站速查手册。 建站指南VercelGitHubICP备案Cloudflare腾讯云DevOps独立开发教程AI辅助 # 零基础建站完全指南(收官):一张决策地图 + 全系列避坑清单|建站系列7 **作者**: Modengsir AI **日期**: 2026-07-13T08:21:12.000Z **来源**: [https://x.com/ModengSir/status/2076582703290277996](https://x.com/ModengSir/status/2076582703290277996) ---  这是本系列的最后一篇。 六篇文章走下来,我们从"用AI写出第一个网页"开始,一路打通了GitHub、Vercel、Cloudflare、腾讯云四大平台,走完了免费海外路线和国内正规路线。如果你是从第1篇跟到现在的,那你现在掌握的建站知识,已经超过90%的普通网民了。 收官篇不讲新工具,干四件事:把全系列串成一张决策地图、算清两条路线的成本账、讲透路线之间怎么切换、汇总所有踩坑点做成清单。 这一篇建议收藏,以后建站时当速查手册用。 ## 一、全系列知识地图:六篇讲了什么 先用一段话把整个体系收拢: > 一个网站 = 代码(GitHub存放)+ 服务器(Vercel免费托管 或 腾讯云付费托管)+ 域名(腾讯云购买、Cloudflare解析)+ 合规身份(走国内路线才需要,即ICP备案) 对应到系列各篇: - 第1篇:AI生成代码 → GitHub → Vercel,30分钟0元上线(体验流程) - 第2篇:四大平台的角色分工(建立认知) - 第3篇:GitHub详解——存代码、回退版本、Fork开源模板(代码环节) - 第4篇:Vercel详解——部署、排错、自动更新(免费托管环节) - 第5篇:域名购买 + Cloudflare解析 + 绑定Vercel(门牌环节) - 第6篇:腾讯云服务器 + ICP备案 + 宝塔部署(国内正规环节)  ## 二、决策地图:你到底该用哪套方案? 不同的人、不同的阶段,最优方案不一样。对照下面三个问题,直接定位你的方案: 问题1:你现在只是想练手、试水? → 方案一:纯免费方案(0元) > GitHub + Vercel,用 xxx.vercel.app 免费网址 适合:学习练手、给朋友看的demo、验证一个想法。缺点是网址不体面、国内访问不稳。所有人都从这里开始。 问题2:网站要长期挂着,当作个人名片、作品集,但用户不限于国内? →【我目前的方案】方案二:免费+域名方案(约60-100元/年) > GitHub + Vercel + 腾讯云域名 + Cloudflare解析 适合:个人主页、简历作品集、面向海外的项目、独立开发者的产品页。这是性价比之王,一年一顿饭钱,拥有一个体面且基本稳定的网站。大多数读者停在这一档就够了。 问题3:用户主要在国内,要速度、要百度收录、要正经运营? → 方案三:国内正规方案(约150-300元/年) > GitHub + 腾讯云轻量服务器 + 腾讯云域名 + ICP备案 + 宝塔面板 适合:面向国内用户的内容站、工具站、准备商业化的项目。代价是多花点钱和2-3周的备案时间,换来国内秒开和合规身份。 一句话决策法: > 练手用方案一,安家用方案二,创业用方案三。  ## 三、成本账单:把钱算明白  两个提醒: 1. 域名和服务器续费价通常高于首年价,下单时看清,把续费价当作真实成本来预算 2. 所有"免费"方案的前提是个人非商业使用,商业化后按平台规则升级付费 ## 四、路线切换:从免费方案升级到国内方案,怎么搬家? 这是很多人关心但没人讲清的问题:我现在用方案二,以后要升级方案三,之前的东西白做了吗? 完全不会白做。这正是我在第5篇让你在腾讯云买域名的原因——整条升级路径是平滑的: 第1步:域名不用动。 域名本来就在腾讯云买的、实名过的,直接可用于备案。 第2步:买服务器、提交备案。 按第6篇的流程走。关键点:备案期间你的网站在Vercel上照常运行,域名解析继续指向Vercel,用户无感知。(备案管局审核的最后阶段需要短暂关闭解析,选个深夜操作即可) 第3步:备案通过后搬家。 把GitHub上的代码部署到腾讯云服务器(宝塔面板上传即可),然后去Cloudflare把域名的A记录从Vercel的IP改成你服务器的IP。解析生效,搬家完成,全程网站中断时间可以控制在几分钟。 第4步:Vercel不用注销。 留着当测试环境——以后网站改版,先部署到Vercel上预览,确认没问题再更新到正式服务器。免费的预发布环境,专业团队都是这么玩的。 看到了吗?GitHub始终是你的代码大本营,换的只是"店面"。 这就是第2篇讲的架构认知的价值:各环节解耦,哪里不满意换哪里。 ## 五、全系列避坑清单(建议收藏) 把六篇文章里所有的坑汇总成一张清单,动手前扫一遍: 代码环节: - ✅ 让AI生成代码时强调"单个HTML文件、完整代码" - ✅ 文件名必须是 index.html,全小写,别存成 .txt - ✅ 密码、API密钥不要放进Public仓库 - ✅ 找开源模板认准高Star + README里有Vercel部署按钮 部署环节: - ✅ Vercel用GitHub账号登录,选Hobby免费版 - ✅ 部署失败先看Build Logs,报错信息直接扔给AI - ✅ 模板项目留意README里要求的环境变量 域名环节: - ✅ 看清续费价,别被首年1元套路 - ✅ 国内新手推荐腾讯云买域名(为备案铺路)+ Cloudflare解析 - ✅ Cloudflare里解析记录的云朵点成灰色(仅DNS) - ✅ 开自动续费或设到期提醒,域名丢了哭都来不及 备案环节: - ✅ 备案免费,别信任何付费代办 - ✅ 服务器地域必须选中国大陆 - ✅ 网站名称起得"人畜无害":某某的个人博客 - ✅ 管局审核期间关闭网站访问 - ✅ 核验短信24小时内完成,电话口径与资料一致 - ✅ 通过后:网站底部挂备案号 + 30天内做公安备案 通用心法: - ✅ 遇到任何报错:复制报错信息 + 描述你在做什么 → 扔给AI ——这一招能解决这个系列里95%的意外问题 ## 六、写在最后:网站做出来只是开始 系列到这就结束了,但对你来说,拥有网站只是起点。留三个方向给你继续折腾: 1. 内容化。 一个空网站没有价值,持续往里放东西——文章、作品、工具。可以研究一下Hexo、Hugo、Astro这类博客框架(都能部署在Vercel上),把网站变成你的内容阵地。 2. AI化。 你已经会用AI写代码了,下一步试试让AI帮你做完整的功能:一个计算器工具、一个每日一句页面、接入AI接口做个对话应用。能力边界由你的提示词决定。 3. 流量化。 网站+自媒体是绝配:文章发推特/公众号引流,网站做沉淀。等有了稳定访问量,无论是接广告、做产品还是写简历,都是实打实的资产。 一年前你可能觉得"做网站"是程序员的专利。现在你知道了:一个AI、几个免费平台、几十块钱、一点耐心,仅此而已。 技术的门槛在飞速降低,先动手的人先拿到红利。 ## 系列目录(收藏这篇就等于收藏全系列) 1. 不会写一行代码,我用AI给自己做了个网站,全程0元 2. 做网站前必看:GitHub、Vercel、Cloudflare、腾讯云到底是干嘛的? 3. 手把手玩转GitHub:不碰命令行,纯网页操作就够了 4. 10分钟上线网站:Vercel保姆级教程,含部署失败排坑指南 5. 几十块买个域名,绑定Vercel + 接入Cloudflare全流程 6. 腾讯云服务器+ICP备案全流程:国内建站最大的坑,一篇讲透 7. 收官:一张决策地图 + 全系列避坑清单(本篇) 这个系列完结了,但我的分享不会停。 接下来我会继续写AI工具实战、独立开发、流量增长方向的内容。关注我,我们下个系列见。 看完系列做出网站的朋友,在评论区贴出你的网站链接——我会挑一些转发,给你的网站带第一波访客。 关注我@modengsir,看完这个系列,你就是朋友圈里最懂建站的人。 ## 相关链接 - [Modengsir AI](https://x.com/ModengSir) - [@ModengSir](https://x.com/ModengSir) - [734](https://x.com/ModengSir/status/2076582703290277996/analytics) - [xxx.vercel.app](https://xxx.vercel.app/) - [不会写一行代码,我用AI给自己做了个网站,全程0元](https://x.com/ModengSir/status/2074140378618290488?s=20) - [做网站前必看:GitHub、Vercel、Cloudflare、腾讯云到底是干嘛的?](https://x.com/ModengSir/status/2074468595543802335?s=20) - [手把手玩转GitHub:不碰命令行,纯网页操作就够了](https://x.com/ModengSir/status/2074825478414705009?s=20) - [10分钟上线网站:Vercel保姆级教程,含部署失败排坑指南](https://x.com/ModengSir/status/2075072138449432735?s=20) - [几十块买个域名,绑定Vercel + 接入Cloudflare全流程](https://x.com/ModengSir/status/2075486398447047120?s=20) - [腾讯云服务器+ICP备案全流程:国内建站最大的坑,一篇讲透](https://x.com/ModengSir/status/2075850830083768735?s=20) - [@modengsir](https://x.com/@modengsir) - [Upgrade to Premium](https://x.com/i/premium_sign_up) - [4:21 PM · Jul 13, 2026](https://x.com/ModengSir/status/2076582703290277996) - [734 Views](https://x.com/ModengSir/status/2076582703290277996/analytics) --- *导出时间: 2026/7/13 19:09:35*
做 做网站前必看:GitHub、Vercel、Cloudflare、腾讯云到底是干嘛的? 本文用“开餐厅”的比喻,深入浅出地解析了建站流程中四个核心平台的角色与区别:GitHub负责代码存储与版本管理,Vercel提供免费的自动化部署托管,Cloudflare负责域名管理、CDN加速与安全防护,腾讯云则提供国内正规的服务器与备案服务。文章最后总结了免费出海与国内正规两条建站路线的选择建议,适合新手理清建站思路。 技术 › DevOps ✍ Modengsir AI🕐 2026-07-07 建站教程网站托管GitHubVercelCloudflare腾讯云域名解析新手指南零成本建站ICP备案
1 10分钟上线网站:Vercel保姆级教程,含部署失败排坑指南 本文是建站系列的第四篇,提供了详细的 Vercel 部署教程。文章介绍了 Vercel 的免费额度与商业模式,涵盖了注册流程、单文件及 Fork 模板项目的部署步骤。重点讲解了如何配置框架预设和环境变量,并提供了利用 AI 辅助排查部署失败问题的方法。最后,针对国内访问 Vercel 不稳定的问题,作者给出了绑定自定义域名等解决方案。 技术 › 前端 ✍ Modengsir AI🕐 2026-07-09 Vercel建站前端部署DevOps教程Next.js网站建设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工具与效率
几 几十块买个域名,绑定Vercel + 接入Cloudflare全流程 文章是免费建站系列的第五篇,重点讲解如何以低成本购买域名并将其绑定到 Vercel,同时接入 Cloudflare 进行解析和加速。内容涵盖了域名常识、注册商选择(推荐 Cloudflare 或腾讯云)、DNS 托管迁移、Vercel 域名绑定配置以及 Cloudflare 免费功能(如邮件转发)的利用。通过这套“腾讯云买域名+Cloudflare 托管+Vercel 部署”的组合,实现了低成本且稳定的个人网站搭建方案。 技术 › DevOps ✍ Modengsir AI🕐 2026-07-10 建站VercelCloudflare域名解析个人博客服务器配置SSL证书DNS网络配置教程
G GitHub 超详细入门指南 本文是一篇 GitHub 的保姆级教程,旨在帮助 AI 编程爱好者掌握 GitHub 的核心功能。文章详细讲解了 Git 与 GitHub 的区别、账号注册与双重认证设置、仓库的创建与搜索技巧、Issue 工单系统的使用,以及如何利用 Agent 辅助进行本地 Git 操作和项目部署。此外,还介绍了 Fork、Pull Request 等开源协作机制,并列举了通义千问、飞书等知名开源项目作为学习范例。 技术 › 工具与效率 ✍ 老王霸 AI Lab🕐 2026-06-15 GitHubGit教程开源AgentDevOps版本控制部署CopilotCursor
手 手把手教你用 AI 做一个个人作品集网站 本文是一份保姆级教程,指导读者如何利用 AI(如 CodeX、Claude Code)从零开始构建个人作品集网站。文章强调在 AI 时代,作品集比传统简历更能展示个人能力。作者详细介绍了准备素材、寻找设计风格、生成 Demo、代码上传至 GitHub、部署到 Vercel/Cloudflare 以及购买域名的全过程,并指出这是通过作品重新认识自我、展示个人生命力的过程。 技术 › 工具与效率 ✍ Gloria🕐 2026-04-28 AI个人作品集网站建设教程VercelGitHub部署Prompt前端职场发展
C Claude Code Routines 全指南:定时、API 与 GitHub 自动化 本文详细介绍了 Claude Code Routines 的功能与配置方法。作为运行在 Anthropic 云端的自动化任务,Routines 支持定时调度、API 触发和 GitHub 事件三种模式,能在开发者离线时自动执行代码审查、Issue 分类和部署验证等任务。文章包含具体的 Prompt 模板、API 调用示例及生产环境注意事项。 技术 › Claude ✍ Matt Abrams🕐 2026-04-21 Claude Code自动化DevOpsCI/CDAgent教程APIGitHub
什 什么是飞书多维表格?保姆级入门教程 本文全方位介绍了飞书多维表格,这是一款披着表格外皮的在线数据库工具。文章阐述了其核心概念、与Excel的区别,详细讲解了AI写公式、字段捷径、仪表盘、自动化及工作流等基础功能,并提供了个人待办管理和团队项目管理的实战案例,帮助读者快速上手提升效率。 技术 › 工具与效率 ✍ 程序员小灰🕐 2026-07-27 飞书多维表格教程数据管理办公效率AI辅助项目管理NoCode
软 软件工厂为何失败:让代码评审回归 文章探讨了为什么仅靠模型无法长期维护代码库质量,提出了“模型作为评审者”的局限性。作者主张将代码评审权交还给人,并采用四阶段方法来提升开发效率:产品需求、系统架构、程序设计和垂直切片。通过早期规划和可视化工具,减少误解,提高代码质量。 技术 › DevOps ✍ dex🕐 2026-07-26 代码评审软件开发AI辅助系统架构程序设计DevOps敏捷开发可视化垂直切片
从 从零装好 WSL,Windows 跑 Agent 的保姆级教程 本文介绍如何在 Windows 上安装和配置 WSL,以解决运行 AI Agent 时遇到的 PowerShell 报错问题。文章涵盖了 WSL 安装、开发环境配置、Codex CLI 运行、Windows 与 WSL 互通、安全隔离设置及环境备份导入等全流程。 技术 › 工具与效率 ✍ 泊舟🕐 2026-07-22 WSLAgentCodexWindowsDevOps教程环境配置
个 个人开发者的生产级 AI 堆栈 文章探讨了 AI 时代单人开发者面临的挑战,指出虽然 AI 加速了从想法到原型的过程,但并未解决从原型到生产环境的安全和运维问题。通过分析失败案例和成功者(如 OpenClaw 作者)的实践,强调了建立构建循环、防御层和自动化运维系统的重要性。 技术 › Agent ✍ Rohit🕐 2026-07-21 AI开发独立开发安全DevOpsAgentOpenClaw生产力架构
G GitHub 全网最全使用指南:从入门到榨干 这是一篇面向非程序员的 GitHub 使用指南。文章详细介绍了如何寻找、下载和判断 GitHub 项目,区分源码与安装包,并通过查看 Issues 了解项目真实状况。此外,文章还提供了如何利用 GitHub 发现选题、挖掘用户需求以及寻找商业机会的方法,适合想利用开源项目找工具或变现的普通人。 技术 › 工具与效率 ✍ 诺鸭船长3🕐 2026-07-20 GitHub开源工具教程搜索技巧避坑变现IssuesReleases非程序员