想用零预算建站并尽量长期运行，适合从静态网站开始：网页文件放在免费静态托管空间，使用平台提供的免费子域名，不租服务器、不购买域名。下面按选方案、准备文件、部署和维护的路径操作，适合个人介绍、作品集、活动公告和简单博客。所谓“永久免费”是把持续费用降到零，并不代表任何托管服务都承诺永不调整；长期稳定还要靠备份、遵守免费额度和定期维护。

第一步：确定网站要做什么

先列出访客打开网站后需要完成的事，再决定首页和导航如何安排。个人作品集通常需要首页、作品展示和联系方式；小型活动站可以安排活动介绍、时间地点、报名说明；简单博客则可按文章逐篇添加独立网页。把首版控制在三到五个网页，先做最必要的文字和功能，避免一开始就加入会员、在线支付、数据库等需要后端服务的功能。

同时准备介绍文字、图片和各部分标题。图片尽量压缩，文件名用简短英文或拼音，例如 portfolio.jpg，这样整理目录和排查路径错误更方便。若要展示联系方式，可以放公开邮箱或社交账号名称，不要把密码、密钥等私密资料写进网页文件。

第二步：选择零成本的建站组合

基础组合包括三样东西：本地编辑器用于写网页、代码仓库用于保存文件、静态托管服务用于发布网站。选择提供免费静态站点空间和 HTTPS 的服务即可，具体名称不影响建站流程。免费子域名可直接作为访问地址；自定义域名通常需要购买，因此预算必须严格为零时，先使用托管服务提供的子域名。

静态网站由浏览器直接读取 HTML、CSS 和图片，不需要常驻服务器，适合展示型站点。它的边界也很清楚：需要账号登录、实时数据处理或后台管理时，不能只靠几份静态文件完成。先把公开展示部分做好，复杂功能则留到确认需求和预算后再规划。

第三步：建立网站文件

在电脑中新建一个文件夹，首页文件命名为 index.html，样式文件命名为 style.css，图片集中放入 images 文件夹。可先用下面的最小结构搭出首页，再替换标题、介绍文字和联系方式：

<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>我的作品集</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1>你好，这里是我的作品集</h1>
  <p>我持续记录项目、练习与创作。</p>
</body>
</html>

本地打开 index.html，检查文字是否完整、图片能否显示、手机屏幕上是否需要横向滚动。样式先从字体、间距、颜色和文字区域宽度入手；每个独立网页都应有清晰标题，导航文字要能准确说明点击后会看到什么。

第四步：保存并整理项目

注册代码仓库后创建一个空项目，把网站文件上传到项目根目录，确保 index.html 没有被放进多余的子文件夹。项目名称可以使用小写英文和短横线，图片路径与文件实际位置保持一致，例如首页引用 images/portfolio.jpg，图片就应位于对应目录中。

每次改动前后都保留清楚的版本记录，提交说明写成“新增作品介绍”或“调整首页布局”，以后需要恢复旧版时更容易找到。仓库里只放公开展示所需的文件，不上传账号密码、私人证件、未授权图片或其他敏感资料。

第五步：发布到免费静态托管空间

在托管服务中选择从代码仓库导入项目，指定仓库和主分支；如果设置项要求填写构建命令，纯 HTML、CSS 网站通常不需要构建，发布目录则选择包含 index.html 的目录。提交后等待平台完成部署，成功时会生成一个可访问的免费子域名。直接打开该地址，分别检查首页、导航、图片、手机显示和 HTTPS 访问状态。

若打开后出现空白或找不到首页，先检查文件名大小写、目录层级和发布目录设置；若文字正常但图片缺失，核对图片路径以及文件名是否完全一致；若本地修改后线上仍是旧版本，确认改动已经提交到正在发布的分支，再等待新部署完成。一次只改一类问题，排查会更快。

第六步：让网站长期保持可用

网站发布后，定期检查访问地址是否能打开，并把本地项目备份一份。新增文章或作品时，先在本地预览，再提交文件；删除旧图片前，确认没有其他网页仍在调用它。介绍文字尽量精简，图片尺寸不要过大，既能缩短加载时间，也能降低免费空间和流量额度的消耗。

免费托管适合轻量展示站，长期零支出依赖于不超出服务的免费额度、遵守使用规则并保留完整备份。无需购买服务器或域名时，使用免费子域名即可开始；若将来必须使用自定义域名、后台数据库或高流量服务，成本条件也会随需求变化。按这套方法先发布一个结构简单、文件清楚、容易维护的网站，就能以接近零成本完成从建站到上线的全过程。