免费个人网站搭建完整教程（两套方案，零基础优先选方案 A，国内可直接访问）

重要说明：免费方案全部是静态网站（适合简历、作品集、个人简介、博客、文档展示），不能做论坛、留言后台、在线数据库这类动态程序；国内如果要正式商用、对外公开长期访问，独立域名必须做 ICP 备案，免费子域名一般不需要备案。

方案 A：零代码拖拽建站（完全不用写代码，推荐新手）

国内可用：上线了 Strikingly、Coding Pages（CODING），国外 Wix（国内访问不稳定，不优先推荐） ✅ 优点：拖拽改文字、换图片、选模板，10 分钟上线；自带免费二级域名、HTTPS；不用学 Git、HTML ❌ 缺点：免费版会带平台小标识、有流量上限，高级功能要付费

以【上线了 Strikingly】举例步骤

1. 打开官网注册，手机号登录
2. 点【创建新网站】，选模板：个人简历、作品集、个人主页、博客模板
3. 可视化编辑：点击文字直接改，上传照片，增减板块（关于我、项目、联系方式）
4. 预览没问题，点【发布】
5. 自动分配免费地址：xxx.strikingly.com，发给别人就能打开
6. 可选：绑定自己买的域名（域名需要自己花钱买，免费方案不送域名）

方案 B：静态托管（无广告、自由度最高，推荐长期做博客 / 作品集，Gitee Pages 国内速度更好）

推荐：Gitee Pages（码云，国内访问快）；GitHub Pages（国外，国内打开偏慢）；Cloudflare Pages 原理：网站由 html+css+js 静态文件组成，上传仓库，平台自动托管，给你免费 HTTPS 网址

👉 Gitee Pages 详细步骤（国内优先，不用翻墙）

1. 注册 Gitee 账号：gitee.com，邮箱 / 手机号注册
2. 新建仓库
   • 右上角 + → 新建仓库
   • 仓库名称：用户名.gitee.io（固定格式，才能开启 Pages），仓库选择公开
   • 勾选【使用 Readme 文件初始化仓库】，创建
3. 准备网页文件 网站首页文件名必须叫 index.html（服务器默认打开这个文件） 如果你不会写代码：直接让 AI（豆包）帮你生成个人主页 HTML 代码，复制保存为 index.html；也可以下载现成开源个人主页模板 示例极简 index.html，复制记事本保存：

   <!DOCTYPE html>
   <html>
   <head>
       <meta charset="utf-8">
       <title>我的个人网站</title>
   </head>
   <body>
       <h1>你好，欢迎来到我的个人网站</h1>
       <p>这里放你的简介、作品、联系方式</p>
   </body>
   </html>

4. 上传文件到 Gitee 仓库
   • 仓库页面点【上传文件】，把 index.html、图片、css 等全部拖进去
   • 底部填写提交备注，点击提交
5. 开启 Gitee Pages 服务
   • 仓库页面 → 上方【服务】→ Gitee Pages
   • 部署分支：master（main），部署目录：/
   • 勾选强制 HTTPS，点击【启动】
   • 等待 1–5 分钟，生成网址：用户名.gitee.io
6. 访问：浏览器打开这个地址，网站上线成功
7. 以后更新：重新上传文件提交，再在 Pages 页面点【更新】即可

GitHub Pages 版本（备用，国内访问慢）

1. 注册github.com，新建仓库，名字严格为你的github用户名.github.io，公开仓库
2. 上传 index.html
3. 仓库设置 Settings → Pages，Source 选择 main 分支，保存
4. 访问地址：用户名.github.io

Cloudflare Pages（速度均衡，支持直接上传 zip 包，不用 git 也可以）

1. 注册 cloudflare.com
2. 进入 Workers 和 Pages → 创建应用程序 → Pages
3. 两种方式：①绑定 GitHub/Gitee 仓库自动部署；②直接上传网站压缩包
4. 部署完成，分配xxx.pages.dev免费域名，自带 CDN 加速、免费 SSL 证书

方案 C：博客专用（Hexo/Hugo，适合长期写文章，Markdown 写作）

适合想做独立博客，经常写笔记的人，搭配 Gitee Pages / Cloudflare Pages

• Hexo：Node.js 环境，本地用 Markdown 写文章，命令生成静态网页，推送仓库自动更新
• Hugo：速度更快，Go 语言，主题资源非常多

门槛：需要安装 Node/Go，会一点点命令行，适合愿意学习的人

免费平台对比表

表格

重要补充知识（避坑）

1. 免费域名说明：上面给的都是平台赠送的二级子域名；想要xxx.com这种好看独立域名，需要自己购买（每年几十元），买完可以解析绑定到免费托管平台；没有真正免费稳定的域名。
2. 流量限制：这些免费套餐适合个人、小流量；如果一天几千上万访问量，会触发额度限制、关停。
3. 内容红线：静态网站同样遵守国内法规，不能放违法、侵权内容；Gitee 会审核内容，违规直接关闭 Pages。
4. 不能做什么：免费静态托管没有服务器、没有数据库，不能做留言板、登录注册、商城、在线留言后台（留言功能需要第三方免费接口，比如 waline、giscus 评论）。
5. 备份：网站源码自己本地存一份，平台服务政策变动有可能关停项目。

常见问题

Q：打开是 404？ A：①文件名必须是 index.html（大小写敏感，Index.html 不行）；②Pages 分支选对；③等待部署生效，刚开启一般要等几分钟。 Q：图片不显示？ A：图片路径写错，尽量不要用本地绝对路径，图片一起上传仓库，使用相对路径。 Q：想加评论功能？ A：静态网站没有后端，接入免费第三方评论：Giscus、Waline，复制几行代码粘贴到 html 里即可。

下一步你可以选：

1. 想要最简单：直接给你生成一份好看的个人简历主页 HTML，你上传 Gitee 就能用
2. 想要博客：给你 Hexo 一键部署 Gitee 完整文档和主题推荐
3. 想要拖拽建站：直接给你上线了模板推荐