建立一个长期不产生固定续费的网站，可以把它做成静态站：用 HTML 编写文字与结构，用 CSS 设置外观，再发布到提供免费静态托管和免费子域名的服务。个人展示、作品集、社团介绍和简单活动介绍都适合从这种方式起步。需要注意，“永久免费”不等于服务商保证永不调整规则；实际可行的做法是控制资源用量、保存完整文件，并提前了解迁移步骤。

先确认哪些部分可以不花钱

如果访客主要是阅读介绍、查看图片或浏览作品，通常不需要常驻服务器程序，也不用购买数据库。若要提供会员登录、在线订单、访客上传文件或复杂管理后台，就可能需要额外服务，不能直接套用零支出方案。

因此，适合长期维持零支出的组合通常是“静态文件＋免费托管＋免费子域名”。不购买独立域名，就使用托管服务分配的地址；服务条款或免费额度发生变化时，则准备把保存好的文件迁往其他静态托管服务。

六步从零搭建并发布网站

1. 确定用途和访客要完成的事。先写下访客打开网站后要看什么、做什么。个人作品集可以准备首页、作品介绍、个人简介和联系方式；小型活动站可以列出活动安排、时间地点和常见问题。先完成最必要的部分，暂时不加入登录、评论等需要后台支持的功能。
2. 在电脑上整理项目目录。新建一个文件夹，例如 my-site，把首页命名为 index.html，将样式保存为 style.css，再创建 images 文件夹存放图片。文件名尽量简短，使用英文和连字符，避免空格与特殊符号引起路径错误。
3. 编写并保存首页。使用普通文本编辑器建立 index.html，先放入标题、简短介绍和主要导航，再逐步补充作品图片或活动安排。以下结构可以直接作为起点：

<!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>
  <header>
    <h1>欢迎来到我的作品集</h1>
    <p>这里展示我的设计练习与近期计划。</p>
  </header>
  <main>
    <h2>精选作品</h2>
    <p>选择一个作品，查看制作过程与成果。</p>
  </main>
</body>
</html>

1. 在本地检查电脑和手机显示。双击打开 index.html，逐项确认标题、文字和图片都能显示。将浏览器窗口缩窄到手机宽度，检查文字是否被截断、图片是否超出屏幕。图片先压缩再放入 images 文件夹，并在代码中核对文件名和大小写。
2. 选择免费托管并发布文件。挑选支持静态网站、免费额度符合预期的托管服务，按照服务提供的步骤上传文件，或连接保存代码的仓库。若通过仓库发布，确认部署分支和发布目录指向存放 index.html 的位置，再启动部署。发布完成后查看部署状态，避免因首页放错目录而出现空白或错误提示。
3. 打开分配地址并复查，再安排日常维护。用电脑和手机分别访问服务提供的子域名，依次检查首页、图片、导航和其他介绍页。修改后若访客仍看到旧版本，先查看部署是否成功、文件路径是否正确，再尝试清除浏览器缓存或重新发布。记录更新步骤，并定期打开网站确认访问正常。

让网站长期保持免费且容易维护

把原始文件和图片保存在自己的电脑中，并另存一份备份；不要只依赖在线编辑器里的唯一副本。这样即使托管服务调整规则，也能将同一套静态文件迁移到其他支持静态托管的地方。定期查看免费额度和服务条款，删除不再使用的素材，并确认备份仍能正常打开。

控制文件体积也很重要：图片压缩后再上传，移除不再使用的旧图，不要把视频或大型压缩包当作普通网页资源长期托管。对外展示联系方式时，优先使用专门的公开邮箱等低风险方式。纯 HTML 表单不会自动把访客填写的文字发送给你；没有接入收件服务前，不要把它当成可用的投稿或联系功能。

发布前快速核对

• index.html 位于托管服务要求的目录中，并能在本地正常打开。
• 访问地址使用免费子域名，没有把需要续费的独立域名算作零支出。
• 图片与样式文件路径正确，电脑和手机上都能正常浏览。
• 网站文件和图片已有本地备份，自己清楚如何更新并重新部署。
• 已经查看托管服务的免费额度与使用规则，并知道文件迁移的基本做法。

按这条路径操作，个人展示类网站可以从本地文件起步，逐步完成检查、托管和公开访问，不必先购买服务器或域名。把“永久免费”理解为当前方案没有固定续费支出，同时保留文件、备份和迁移能力，才能更稳妥地维持长期访问。