Atoms导出后部署Netlify操作指南

Atoms是轻量级静态站点生成器，导出纯静态文件后可直接拖拽部署到Netlify，无需构建命令或发布目录配置；支持GitHub自动部署和自定义域名/重定向。

Atoms 是一款面向前端开发者的轻量级静态站点生成器（类似 Hugo、Jekyll），默认输出纯静态 HTML/CSS/JS 文件。它不依赖 Node.js 运行时，导出后就是一个可直接部署的文件夹。部署到 Netlify 完全无需额外配置，流程比 Vue 或 React 项目更简单。

确认 Atoms 已正确导出

运行 atoms export 命令后，会生成一个包含完整 结构的目录（如 dist、public 或自定义名称）。确保该目录中至少包含：

• 一个可访问的入口文件（通常是 index.html）

• 所有引用的 CSS、JS、图片等资源路径正确（建议用相对路径）

• 无动态请求或服务端逻辑（Atoms 导出即静态，Netlify 不支持 PHP/Node 后端）

上传方式：推荐拖拽部署（最快）

适合本地已导出、未托管到 GitHub 的场景：

• 登录 Netlify 控制台 → 点击 “Add new site” → 选择 “Drag and drop your site folder”

• 直接将 Atoms 导出的整个文件夹（如 dist）拖入上传区

• Netlify 自动识别为静态站点，几秒内完成部署并返回 xxx.netlify.app 地址

• 无需填写构建命令，也不需设置发布目录 —— 因为没有构建过程

连接 GitHub 自动部署（适合协作或持续更新）

若你把 Atoms 项目源码和导出产物都托管在 GitHub（例如使用 gh-pages 分支或 docs/ 子目录）：

• 在 Netlify 创建站点时选择 GitHub 仓库

• 配置部署分支（如 main）

• 构建命令留空（Atoms 不需要编译）

• 发布目录填你存放导出文件的路径（如 dist 或 public）

• 保存后，每次 push 新的导出内容，Netlify 就会自动上线

进阶提示：自定义域名与重定向

如果后续绑定自己的域名或添加跳转规则：

• 在 Netlify 后台进入 “Domain settings”，按向导添加并验证域名

• 若需 URL 重写（如 /about → /about.html），可在项目根目录放一个 _redirects 文件，内容示例：

/about /about.html 200

/* /index.html 200

• Netlify 会自动读取该文件，无需额外配置