面向黄冈商户、社团和个人工作室，可以用免费工具编写静态网页，再发布到提供免费托管额度的服务。访客通过托管服务分配的地址查看营业时间、服务项目、活动安排和联系电话。这里的“永久免费”应理解为：在所选服务当前免费规则内，不购买服务器、主题或插件；任何托管服务都可能调整规则，因此不能保证服务商永远免费。想避免意外支出，就不要绑定付费功能，并保留一份本地源码和图片备份。
第一步：确定访客要做什么
动手前先写下一句话：访客打开网站后，是要了解店铺、确认服务范围、查看活动安排，还是找到联系电话？目标明确，首版就不必加入复杂功能。黄冈本地商户可优先说明营业时间、服务区域、预约办法和到店路线；社团或活动组织者可列出活动日期、集合地点、报名方式和联系人。
按实际需要把内容拆成少量栏目：首页介绍商户或项目，服务栏目列出项目与价格说明，本地服务栏目交代覆盖区域和到店方式，联系栏目提供电话与营业时间。栏目可以先放在同一个 HTML 文件里；确实需要独立入口时，再分别建立服务和联系文件。暂时没有人负责更新，就先不做新闻发布、会员登录和预约后台。
第二步：整理文字、联系方式和图片
用文档列好网站名称、一句话介绍、服务项目、地址或服务范围、联系电话、营业时间和常见问题。黄冈相关说明尽量具体：写明服务黄州区还是其他区域、是否需要提前预约、到店前要准备什么。把“服务周到”“欢迎咨询”改成访客能据此行动的说明，例如“到店前请电话预约”或“提供黄州区上门维修”。
优先选用自己拍摄或已获授权的门店、产品和活动照片。先缩小图片再上传，避免原图过大拖慢打开速度。以下数值是首版制作时可采用的建议，不是托管服务的硬性要求：
| 项目 | 建议值 | 检查动作 |
|---|---|---|
| 首页文件名 | index.html | 确认托管目录里能找到该文件 |
| 单张图片大小 | 不超过 300 KB | 上传前查看文件属性并压缩过大的图片 |
| 图片宽度 | 约 1200 px 以内 | 按实际展示尺寸缩小，避免上传相机原图 |
| 首版图片数量 | 建议不超过 10 张 | 只保留能说明门店、产品或活动的照片 |
发布前逐项核对电话、地址和营业时间，确认它们彼此一致。没有合适照片时，先用清楚的文字和留白排版，不要随意下载他人的图片。
第三步：编写并保存静态源码
在电脑上新建项目文件夹，把首页保存为 index.html。静态网站只需 HTML 文件和图片，不用购买服务器软件，也不必先安装复杂的开发环境。下面是一个可直接改写的最小示例；请把示例名称、服务说明和电话号码替换成自己愿意公开的实际资料。
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>黄冈本地服务介绍</title>
</head>
<body>
<main>
<h1>服务名称</h1>
<p>面向黄冈本地用户，说明服务区域与办理方式。</p>
<h2>服务项目</h2>
<p>写清项目、时间安排和预约办法。</p>
<h2>联系我们</h2>
<p>联系电话：请填写可公开的号码</p>
</main>
</body>
</html>如果图片放在名为 images 的子文件夹，就把照片也放进该文件夹，并在源码中使用对应的相对路径。新增独立栏目时，可以另存为 service.html 或 contact.html，每个文件都要有清楚的标题。导航文字应当告诉访客打开后会看到什么，例如“服务项目”或“联系我们”。
第四步：本地预览并逐项检查
保存源码后，在电脑文件夹中双击 index.html，用浏览器查看标题、段落和图片是否正常。把浏览器窗口缩窄，检查文字有没有横向溢出、联系电话是否容易找到、长段说明是否需要拆短。若照片没有显示，先核对文件名和相对路径；若电话或地址有误，就修改源码后重新打开预览。
- 检查首页标题是否准确说明商户、社团或活动名称。
- 确认每项服务都有对应的时间、区域或办理办法。
- 逐字核对联系电话、营业时间和到店路线。
- 确认图片清晰、尺寸适合展示，且拥有使用权。
- 用手机打开上线后的地址，再检查文字和照片是否正常。
第五步：上传到免费静态托管服务
选择提供免费静态网站额度的托管服务，按服务说明新建站点，再上传项目文件或连接保存源码的代码仓库。纯 HTML 项目通常不需要运行构建命令；如果托管界面要求填写发布目录，就指定包含 index.html 的文件夹。若源码直接放在仓库根目录，按服务的说明选择根目录；不同服务的字段名称和操作步骤可能不同，应以当时的界面提示为准。
部署完成后，先用托管服务分配的免费子域名打开网站，逐个检查首页、服务栏目、照片和联系方式。托管地址不是自己购买的独立域名；独立域名、邮件服务和在线支付都不是基础展示站点上线的前置条件。也不要为了展示电话而接入收费表单、付费统计或需要续费的插件。
免费额度和使用规则可能变化。发布前看清是否有存储、流量或项目数量限制，不要启用试用期结束后自动收费的功能。保留电脑上的 HTML 文件与图片原件，今后若当前服务不再适用，可以把同一套静态文件迁移到其他符合需要的托管服务。
上线后按实际变化维护
营业时间、服务区域、活动安排或联系电话一旦变化，就及时修改对应文字并重新发布。每次更新后再用手机打开托管地址，确认访客能找到最新电话、活动日期和到店路线。过期公告要及时移除，避免有人按旧安排白跑一趟。
想把日常开支维持在零，就让网站专注于静态展示：用文字说明服务，用电话或已有的免费沟通方式接洽，不额外加入收费预约、付费统计或在线支付。按“明确用途—整理资料—编写源码—本地预览—免费托管—持续维护”推进，先发布结构清楚、电话准确的首版，再根据访客的实际问题补充栏目，比一开始堆叠复杂功能更容易控制成本。
