← 每日 AI 攻略工作✓ 已验证 2026年8月25日

使用 Claude 和免费托管服务，5 分钟内上线你的专业落地页

用一句话生成现成的网站代码，无需编程即可免费发布到互联网上。

  1. 1.打开 Claude 网站并登录你的免费账号（或创建一个新账号）。

    如果该服务在你的地区不可用，请使用 VPN 访问网站。

    Claude ↗关于该工具
  2. 2.确保 Artifacts 功能已开启。点击个人资料图标，选择 Settings，然后选择 Feature Preview，检查 Artifacts 开关是否已激活。

    此功能允许 Claude 在单独的面板中将现成代码显示为交互式预览。

    Claude ↗关于该工具
  3. 3.将以下提示词粘贴到聊天框中，将括号中的文本替换为你的项目数据，然后发送消息。

    在一个文件中生成代码，以便更轻松地上传到主机。

    Claude ↗关于该工具
    提示词
    为 [你的业务名称，例如：自由平面设计师] 创建一个专业且完全响应式的单页落地页网站。将其编写为单个 HTML 文件，包含内联 CSS 和 JavaScript。包含带有号召性用语的 Hero 区、Services 区、About 区以及带有简单表单的 Contact 区。使用现代极简的配色方案。
    这个提示词的作用此提示词要求 Claude 在单个 HTML 文件中创建专业的单页网站，包含内联样式和脚本。将方括号 [ ] 中的文本替换为你业务的名称和性质。
  4. 4.等待回复生成。在右侧的 Artifacts 面板中，点击下载 (Download) 图标或「Publish」，将生成的 index.html 文件保存到你的计算机上。

    如果 Artifacts 面板未出现，请在聊天中要求 Claude：'Please create an artifact for this code'。

    Claude ↗关于该工具
  5. 5.转到 Netlify Drop，将你下载的 index.html 文件拖到屏幕上的虚线区域中。

    不要上传包含机密或个人数据的文件。如果服务不可用，请使用类似的免费静态文件托管服务，例如 Tiiny.host。

    Netlify Drop ↗
  6. 6.等待上传完成（需要几秒钟）并复制提供的公开链接。你的网站现在可以通过此地址访问了。

    你可以在 Netlify 注册以绑定你的域名并跟踪访问量。

    Netlify Drop ↗
💰 跟着做需要花多少钱价格截至 2026-08
  • 免费Claude (免费版)免费版本提供对 Artifacts 功能和代码生成的访问权限，但根据服务负载对每小时的消息数量有动态限制。
  • 免费Netlify (免费版)免费计划允许托管无限数量的静态网站，无需绑定银行卡。
试一试，做第一个打卡的人

AI 服务变化很快 - 界面和免费额度可能与描述有所不同。