免费建站全攻略：从零搭建外网可访问的网站

想折腾一个自己的网站又不想一开始就掏钱买服务器、买域名还希望不光自己电脑能看手机、朋友、甚至任何有网的地方都能打开——这个需求我太熟悉了。我前前后后帮人搭过不下几十个站点踩过的坑比很多教程里写的步骤都多。今天这篇就把“免费创建一个可通过外网访问的网站”这件事从头到尾讲透从思路到落地每一步都给你说明白为什么要这么做以及有哪些坑是教程里不会主动告诉你的。这篇内容适合谁完全没接触过建站的小白以及有基础但想白嫖免费方案的老手都能从中拿到自己想要的东西。我会把方案对比、实操命令、参数配置、坑位排查全部拆开讲你照着做就行。1. 从零到外网可访问免费建站的整体思路拆解1.1 先搞清楚一个网站能被人访问到底需要什么很多人上来就问“怎么免费建站”但其实连网站能被访问的最基本原理都没弄明白。一个网站要被外网访问必备三个东西可访问的服务器、域名或替代方案、网站内容。缺一个都不行。服务器负责存放你的网页文件域名负责让别人能找到这台服务器网站内容就是你写的页面、文章或应用。免费方案的核心思路就是在这三样东西上分别找到不花钱的替代品。服务器的免费替代通常是静态托管平台或内网穿透工具域名的免费替代是二级域名或免费顶级域名网站内容则用静态页面生成器或直接手写HTML搞定。好多人一上来就想着用动态网站比如带后台管理的WordPress这其实走偏了。静态网站在免费场景下是最稳、最不容易出问题的方案几乎零成本还能有不错的访问速度。如果你的需求是个人博客、作品集、产品展示页静态站完全够用。1.2 免费方案的核心选型对比我把免费建站的路径分成两大类托管型方案和自托管穿透方案。托管型方案典型代表是GitHub Pages、Cloudflare Pages、Netlify、Vercel。这些平台免费帮你托管静态文件还自带CDN加速全球访问速度都不错。缺点是不能跑后端代码数据库、用户系统这些做不了。自托管穿透方案典型代表是cpolar、ngrok、frp配合云服务器。原理是你自己电脑或家里NAS跑网站服务然后通过隧道工具把内网端口映射到公网实现外网访问。好处是可以用数据库、可以跑Python或Node后端坏处是你电脑关机网站就没了而且免费版隧道域名会变化。选型逻辑很简单纯展示型网站或无后端需求优先用托管型方案需要数据库、需要跑脚本、或者网站要长期在线优先用穿透方案配一台便宜的云服务器。下面这张表是我在实际项目中整理出来的对比直接抄作业就行方案费用难度有无数据库长期稳定适合场景GitHub Pages免费低无高个人博客、作品集Cloudflare Pages免费低无很高静态站、前端项目Netlify免费低无高静态站、表单收集Vercel免费低无可用Serverless高前端项目、个人主页cpolar/ngrok穿透免费额度中需自建中临时演示、内网服务外网化frp 云服务器服务器费用较高需自建高长期在线、动态站如果预算能挤出一点我建议域名这一步不要省十来块一年的域名比免费二级域名专业太多后面我会讲怎么白嫖甚至低成本搞定域名。1.3 为什么我推荐静态站作为免费建站的第一选择静态站是什么意思简单说就是你的网页内容是“死”的所有访客看到的都是同一个固定页面的文件服务器只负责把文件发给浏览器不做任何计算。好处太明显了。第一托管平台免费额度大GitHub Pages给的是1GB空间和每月100GB流量个人站根本用不完。第二不需要维护服务器不用担心被攻击不用担心宕机。第三CDN加速是标配全球打开都快。很多人担心静态站功能弱其实现在静态站能做的事远超想象。配合JavaScript可以实现搜索、评论、表单提交、支付跳转配合Headless CMS可以在线编辑文章配合Serverless函数甚至能做API调用。除了直接操作数据库这种重型场景其余大部分需求都有了可用的免费方案。2. 免费域名和托管平台核心环节细节全解析2.1 域名选择免费二级域名和低成本顶级域名的门道域名这块有两个选择纯免费的和低成本但更专业的。纯免费的方案Freenom以前提供过免费的.tk、.ml、.cf域名但这家服务商现在几乎无法正常提供免费注册而且稳定性很差域名随时可能被收回我不太推荐。如果你真的想纯免费直接用GitHub Pages自带的用户名.github.ioCloudflare Pages自带的项目名.pages.dev这些是平台赠送的二级域名完全免费而且稳定性高得多。唯一的问题是这类域名看起来不太专业而且国内部分地区访问GitHub Pages本身就不太稳定。这也是为什么我建议如果条件允许花点小钱买个自己的顶级域名。低成本域名的门道在于不同后缀首年价格差别很大。.xyz、.top、.icu这些后缀搞活动时首年只要几块钱到十几块钱。国内平台如阿里云、腾讯云国际平台如Cloudflare、Porkbun经常有首年特价。Cloudflare甚至可以以成本价卖域名没有任何加价。选域名的时候注意几点尽量短、好记、不容易拼错别带连字符和数字.com固然好但贵非盈利个人项目完全可以用性价比更高的后缀。域名本质上是你的网络资产选的时候多花点心思后面换起来很麻烦。2.2 托管平台详细对比GitHub Pages、Cloudflare Pages、Vercel谁最强如果要我从一百多个免费部署过的项目里推荐静态站首选Cloudflare Pages原因有三免费额度大无限带宽、全球节点多访问速度快、国内连通性相对较好。GitHub Pages虽然最知名但国内访问速度时好时坏而且如果没有自定义域名访问体验会打折。Vercel对前端开发者最友好部署Next.js等框架近乎零配置但免费版对用量有限制而且国内偶尔会被限速。这三个平台我都在实际项目里深度用过说下我的体感GitHub Pages最成熟你只需要把代码推到GitHub仓库在仓库设置里开启Pages功能就完事了。它和GitHub生态联动最完美适合写博客、放文档站点。Cloudflare Pages胜在集成Cloudflare整个生态比如免费的CDN、免费的SSL证书、防火墙规则。部署起来也很简单连接Git仓库后自动构建发布。我现在这个个人博客就跑在Cloudflare Pages上一年下来零费用、零宕机。Vercel对前端框架支持最好Push代码自动部署自动生成预览URL。缺点是免费版Serverless函数有执行时长限制国内访问稳定性一般。如果你完全没接触过代码我建议用Cloudflare Pages配合它的在线编辑器直接写HTML文件连Git都不需要学。这点后面实操部分细说对新手极其友好。2.3 必须理解的一件事静态托管平台的工作流程建站之前被问得最多的问题就是“我把文件放上去之后怎么更新”理解静态托管的工作流程这个问题就没有了。所有主流托管平台的逻辑都是一样的你有一个本地文件夹里面是你的网站文件通过某种方式把文件同步到平台服务器上平台服务器把文件部署到全球节点访问者从最近的节点拉取内容。同步方式有三种Git推送用git push命令、连接远程仓库自动构建推送后平台自动运行构建命令、手动上传通过网页界面上传。Git方式适合有代码基础的人连接仓库方式最适合日常维护手动上传方式是小白入门最佳选择。这个流程理解透了后面所有操作都是围绕它展开的不管换哪个平台都是这个底子。3. 免费创建自己网站的完整实操过程3.1 方案A基于Cloudflare Pages的纯免费静态站推荐新手这套方案不需要买服务器、不需要买域名你只需要一个电子邮箱就能完成。第一步注册Cloudflare账号。打开dash.cloudflare.com点Sign Up用邮箱注册。这里有个细节注册密码建议用你常用的密码管理器生成一个强度高的因为Cloudflare账号关联的权限很大密码太弱后面容易出问题。第二步进入Pages功能。登录后左侧菜单找到“Workers 和 Pages”点击“创建”选择“Pages”标签。这时候你会看到两种方式“连接到Git”和“直接上传”。对新手我直接建议选“直接上传”完全跳过Git。第三步准备网站文件。在本地新建一个文件夹命名为my-site。在里面创建一个index.html文件这是网站的首页。用记事本或任何文本编辑器写入以下内容这是最简单的起步模板!DOCTYPE html html langzh-CN head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 title我的第一个网站/title style body { font-family: Arial, sans-serif; max-width: 800px; margin: 50px auto; padding: 0 20px; text-align: center; } /style /head body h1你好世界/h1 p这是我的第一个免费网站。/p p现在全世界都能访问这个页面了。/p /body /html如果你是纯小白用这段模板就够了。后续想加内容只需要多创建几个HTML文件比如about.html、blog.html在页面里用a hrefabout.html关于我/a这样的链接串联起来就行。第四步上传部署。在“直接上传”界面把你创建的文件夹内容拖进去点部署。十几秒后Cloudflare会给你一个xxxxx.pages.dev的网址打开它。到这里一个可通过外网访问的网站已经诞生了。这个方案完全免费而且Cloudflare免费版SSL证书是全自动的你的网站直接就是HTTPS加密访问对小白极其友好。3.2 方案BGitHub Pages 自定义域名适合想长期运营的人这套方案的优点是以后可以绑定自己的域名网站在搜索引擎里更有信任度而且GitHub账号还能顺带管理所有网站文件方便备份和版本回滚。第一步注册GitHub账号并下载Git工具。GitHub官网注册Git工具从git-scm.com下载安装时一路默认即可。Windows用户注意安装时选“Git from the command line and also from 3rd-party software”这样在CMD和PowerShell里都能直接使用git命令。第二步创建一个仓库。仓库名必须是用户名.github.io的格式比如我的用户名是zhangsan仓库名就是zhangsan.github.io。这个命名是硬性规定不对就生成不了默认网址。仓库权限选Public。第三步本地初始化并推送代码。在本地建一个my-site文件夹放入你的index.html然后打开终端依次执行以下命令cd my-site git init git add . git commit -m first commit git branch -M main git remote add origin https://github.com/你的用户名/用户名.github.io.git git push -u origin main推完代码后打开GitHub仓库页面找到Settings左侧菜单找到PagesSource选择“Deploy from a branch”Branch选main保存。等一两分钟浏览器打开https://用户名.github.io网站就上线了。第四步绑定自己的域名。如果你买了域名在仓库Pages配置页填上你的域名再到域名服务商那边添加CNAME解析记录指向用户名.github.io。GitHub会自动帮你申请SSL证书整个过程也很快。这套方案对国内访问速度确实一般但如果有自定义域名且做了备案加速体验会好很多。不备案直接用自定义域名指向GitHub Pages部分地区可能会出现间歇性无法访问这个是环境问题不是你的代码问题。3.3 方案C内网穿透让本机网站映射到外网适合动态站如果你非要做动态站比如带数据库的个人博客、NAS上的服务、本地开发调试那就需要用内网穿透。核心原理是你本机跑着一个网站服务监听某个端口比如8080然后穿透工具在你的电脑和一个公网服务器之间建立隧道外部访问这个公网地址就等于访问你本机。我用得比较多的是cpolar。注册账号后按下面步骤操作第一步下载并安装cpolar。官方安装包支持Windows、macOS、Linux。Windows版安装完后台会自动运行cpolar服务。第二步获取命令行工具。打开CMD或PowerShell使用你注册的账号登录cpolarcpolar authtoken 你的凭证这个凭证在cpolar后台操作面板的“验证”页面可以找到复制粘贴就行。第三步启动隧道。假设你本地的网站跑在8080端口执行cpolar http 8080执行后终端会显示一个形如https://xxxx.r6.cpolar.top的公网地址。把这个地址发给任何人对方都能直接打开你本机上的网站。这个方案的优点是即开即用缺点也明显你电脑得一直开着而且免费版域名每次重启隧道都会变。如果要长期固定域名得升级付费套餐。另一个思路是用frp配合一台便宜的云服务器自己搭穿透这个方案可控性最强域名、端口都是自己说了算但需要你有一点Linux服务器操作经验。frp核心配置是这样# frps.ini服务端 [common] bind_port 7000 vhost_http_port 8080 # frpc.ini客户端 [common] server_addr 你的服务器IP server_port 7000 [web] type http local_port 8080 custom_domains www.你的域名.com配置好之后客户端执行./frpc -c frpc.ini服务端执行./frps -c frps.ini隧道就通了。这个方案的维护成本不低但稳定性是所有穿透方案里最高的我在生产环境里跑过一年没出过问题。3.4 免费云服务器方案真的能免费吗经常有人问我云服务器有没有免费的答案是有大厂都提供免费试用但是有时间限制。阿里云、腾讯云、华为云对新用户一般会给一个月到三个月的免费试用轻量应用服务器配置通常是1核1G或2核2G。这类试用服务器适合干嘛适合快速验证想法、测试部署流程、跑一些临时服务。不适合当长期生产环境用因为试用期一过续费价格就是你心里那道坎。如果你只是想学习服务器操作完全可以开一台免费的试试。操作系统推荐Debian或Ubuntu比CentOS更好维护软件源更新快。服务器上装Nginx装上、域名解析过来、HTTPS证书用acme.sh自动申请一个完整的学习路径就走通了。4. 常见问题排查与避坑指南4.1 网站上线后打不开先按这个顺序排查九成以上的“网站打不开”问题都可以从上到下按顺序排查不要一上来就看代码代码出问题的概率最低。第一层检查网络本身。换个网络试试手机开4G/5G访问如果手机能开、电脑打不开多半是本地网络或DNS缓存的问题。Windows下执行ipconfig /flushdns清一下DNS缓存。第二层检查域名解析。在你的域名服务商后台用nslookup 你的域名命令看解析记录是否生效。解析记录标着“正常”不等于全世界都生效全球生效可能需要几分钟到几小时耐心等。第三层检查平台状态。GitHub Pages偶尔会有服务中断Cloudflare Pages的历史上几乎没有整站挂掉的情况Vercel偶尔会有构建队列积压。去平台的状态页看一眼确认不是平台问题。第四层检查SSL证书。摸一下浏览器地址栏的小锁如果证书报错去托管平台的证书管理页面点一下“重新验证”或“重签”。第五层检查防火墙和端口。如果是内网穿透方案确认你本机防火墙放行了对应端口确认路由器没拦。国内云服务器还需要确认安全组规则放行端口这个忘了配置的情况特别常见。4.2 国内访问GitHub Pages速度慢的替代思路GitHub Pages在国内的访问速度不稳定这个问题是客观存在的。如果目标受众主要在国内我有几个亲测有效的优化思路。第一个思路是换Cloudflare Pages托管国内连通性比GitHub Pages好不少。第二个思路给网站加CDN用国内CDN服务商如果域名备案过或Cloudflare免费CDN。第三个思路是做一个页面压缩减少资源体积提升加载速度。更重要的是页面资源不要引用Google字体、Google分析这类国内完全无法访问的外链资源否则页面会一直卡在请求这些资源上。这些细节注意了加载速度能快不少。4.3 网站被判定为不安全或报错如何解决网站显示“不安全”几乎全是SSL证书问题。用免费平台托管时绝大多数情况是证书签发需要时间等几分钟或手动在后台重新触发签发即可。如果是自己服务器上用acme.sh签的证书注意确认定时续期任务没有被系统杀掉。遇到502 Bad Gateway多半是反向代理配置问题。Nginx配置里proxy_pass后面的地址写错了或者后端进程挂了。用curl -I http://localhost:端口先确认后端本身能通再往上排查Nginx。遇到404先确认文件名和访问路径完全一致注意Linux服务器上文件名区分大小写Index.html不等于index.html。另外路径不要有中文名会有编码问题。4.4 免费方案用量限制什么时候会超出免费方案并不是无限免费用有几个限制要提前知道。GitHub Pages要求仓库不超过1GB每月流量不超过100GB构建次数随套餐有限制。Cloudflare Pages的免费版允许每月500次构建无限带宽。Vercel免费版每月有函数调用时长100GB-小时的上限。正常个人博客每月流量几GB这些限制基本碰不到。但如果你的网站突然流量暴涨或者有人恶意刷流量就可能触及限制。保险措施是把日志打开、CDN缓存开好、必要时加一层密码保护。5. 从免费到进阶免费网站的持续运营与价值提升5.1 静态站也能拥有评论和表单功能免费静态站最大的短板是交互功能但这个短板现在有很多免费方案可以补上。评论区可以用Giscus、Utterances它们基于GitHub Issues实现访客通过GitHub账号评论不用你维护数据库。设置方式是在GitHub上开一个公开仓库安装Giscus应用然后在页面里插入一段JavaScript代码评论就接入了。表单提交可以用Formspree或Getform免费版每月有50到100条的提交额度。比如你网站上有“联系我”表单提交的数据会自动发到你的邮箱零费用零维护。搜索功能可以用Pagefind它是离线搜索把你的静态页面内容索引后在浏览器里本地搜索不用后端处理。配置页面的步骤是安装Pagefind命令行工具在构建前对网站做一次索引页面里引入Pagefind脚本。5.2 HTTPS、SEO、统计三件套免费网站的专业化标配网站上线只是开始要让网站“像个正经站点”这三件套必须配齐。HTTPS现在是标配。用Cloudflare Pages和GitHub Pages托管时HTTPS是自动的不需要任何配置。自己服务器部署的话用acme.sh一行命令就能签发Lets Encrypt证书它会自动续期几乎零维护。SEO其实从建站第一天就要开始注意。HTML的title、meta namedescription每个页面都要写。URL结构要清晰不要用中文和特殊字符。图片加alt属性。给网站生成sitemap.xml提交到搜索引擎站长工具。如果你的网站在Cloudflare Pages上还能开启Cloudflare的SEO优化功能。统计工具推荐用Cloudflare Web Analytics或GoatCounter一个零成本一个免费不侵入页面代码隐私友好。5.3 内容才是网站生命的源头工具和平台搞定后剩下来真正决定网站价值的只有内容。免费建站谁都能做到但让网站有人访问、有人持续来看你靠的是内容本身。我的建议是一开始不要贪多设定一个稳定的更新频率每周一篇哪怕内容不长也行。然后把精力放在选题和写作深度上一篇能解决一个实际问题的内容比十篇泛泛而谈的内容有价值得多。对读者有用的内容配合免费托管的低成本优势坚持半年以上你会有意外收获。我自己最早的一批个人网站全部是免费方案搭起来的有的已经自然获得了稳定的搜索流量一分钱服务器费用都没花。5.4 踩过太多次坑之后我给小白的三条铁律几条自己真金白银换来的经验写在这里送给刚起步的人。第一循序渐进不要一开始就追求完美。先做一个最简单的单页放上去能通过外网访问就是胜利后面再慢慢加内容、加功能、换域名。第二不要碰盗版资源和个人网站上的违规内容网站一旦被关停或平台追究积累的内容就全没了。合规是免费的底线。第三给网站做备份。即使是免费托管也要周期性地把自己网站目录下载到本地。别问我是怎么知道这个坑的问就是丢过一次一年的博客数据。网站这个东西难的不是“建”而是“养”。把技术门槛跨过去之后剩下的事情都是时间问题。免费方案给所有人提供了零成本的入场券能不能真正把它变成自己的网络名片取决于你是否愿意持续投入时间和内容。趁着门槛低、试错成本为零直接上手做吧做完第一个能在外网访问的页面那种成就感是其他东西替代不了的。