工具箱
清单、答疑与词典
发布前逐项打勾(进度会自动保存在本浏览器),再查一查高频疑问、翻一翻术语。这一页建议收藏。
📋 上线检查清单 已完成 已完成 0 / 0 项
勾选状态仅保存在你自己的浏览器里,刷新不丢,换设备则重置。
🏗️ 内容与代码
🚀 部署与访问
🔤 域名
🇨🇳 合规(国内服务器时)
❓ 常见问题 FAQ
做个人网站一定要花钱吗?▾
技术部分可以零成本:用 GitHub Pages / Vercel 等平台免费托管,自带二级域名。真正会花钱的是:自定义域名(几十元/年起)和国内云服务器(静态托管常常几元/月)。想省钱,前期完全可以不花钱。
静态网站能放图片、能放视频吗?▾
图片可以,直接放项目里引用即可。视频/音频等大文件建议托管到专门的图床/对象存储或视频平台,网页里嵌入链接,避免把免费托管额度撑爆、拖慢加载。
我想有留言板、访问统计这种"后台功能"怎么办?▾
纯静态网站本身没有后端,但可以靠第三方服务补齐:访问统计用 Umami / Google Analytics / 百度统计,评论用 Giscus / Waline / Disqus,表单用 Formspree / Netlify Forms。无需自己写服务器。
以后想从海外平台迁到国内,麻烦吗?▾
不麻烦——因为你的"网站"本质就是一堆静态文件 + Git 仓库,换平台只是把它重新部署到另一家、再改一下域名解析。唯一的额外门槛是国内要先备案。这也是"把源码常备在 Git"的好处。
我不会编程,能学会到哪个程度?▾
做展示型静态网站,你只需要理解 HTML 描述内容、CSS 调样式,再借助模板或 SSG 工具,完全能做出美观的作品集、主页、活动页。复杂交互和后端才需要真正写程序——那不是静态站的必需。
网址里 www 和 不带 www 有什么区别?▾
example.com 是"裸域(@)",www.example.com 是它的子域。最佳实践是两个都解析、并统一 301 跳转到其中一个,免得两个地址体验不一致。多数托管平台可一键设置。
📖 术语小词典
| 术语 | 通俗解释 |
|---|---|
| HTML | 描述网页"有什么内容"的结构语言(标题、段落、图片、链接)。 |
| CSS | 描述网页"长什么样"的样式语言(颜色、字体、布局)。 |
| JavaScript (JS) | 让网页"会做事"的脚本语言(点击反应、弹窗、交互)。 |
| 托管 / 部署 | 把文件放到能公网访问的服务器上,让网站真正"上线"。 |
| IP 地址 | 服务器在互联网上的数字门牌号,如 142.250.7.14。 |
| 域名 | IP 的"人名版",如 example.com,便于记忆。 |
| DNS / 解析 | 把域名翻译成 IP 的"电话簿"服务;设置记录就是"解析"。 |
| A 记录 / CNAME 记录 | 解析记录类型:A 指向 IP,CNAME 指向另一个域名。 |
| HTTPS / SSL 证书 | 给网站加密、地址栏显示小锁 🔒 的机制,现多为免费。 |
| CDN | 把内容分发到离用户更近的节点,加速访问。 |
| 对象存储(OSS/COS) | 云上的"能当网站用的网盘",存静态文件并按访问计费。 |
| SSG 静态站点生成器 | 用模板+内容批量生成静态网页的工具,如 Hugo、Astro、VitePress。 |
| Git / GitHub | 记录代码改动的版本工具 / 存放仓库的平台;常用来触发自动部署。 |
| ICP 备案 | 国内提供网站服务需向通信管理局登记,获得备案号。 |
| 实名认证 | 国内域名与云账号需提供真实身份核验,是备案的前提。 |
🔗 推荐资源
下面是值得收藏的官方文档与免费工具(链接指向对应官网,建议联网时打开)。
📚 学习
- MDN Web Docs(中文) — 最权威的 Web 教程与文档
- W3School 中文 — 快速查 HTML/CSS 标签
- Frontend Roadmap — 前端学习路线全景图
🛠 免费平台
- GitHub Pages — 免费静态托管
- Vercel / Netlify / Cloudflare Pages
🎨 素材与工具
- TinyPNG — 图片压缩
- Google Fonts — 免费字体
- favicon.io — 生成网站图标