FORMA
GUIDE / GETTING STARTED

指南与教程。

三条最短路径:从模板上线、给站点加动效、把作品部署出去。

从模板到上线

选模板 → 调文案/图片 → 配置主题与动效 → 导出 HTML/React → 部署。

  1. 在「公开模板」选一套可复制的示例,复制为个人项目。
  2. 逐区块替换标题、正文、图片(从素材库或上传)与配色主题。
  3. 在「动效」里给关键区块加进入动效;导出前用预览检查三种宽度。
  4. 导出整站 ZIP,得到 index.html 与附加页面;部署到任意静态托管(如 GitHub Pages / Cloudflare Pages / 自有服务器)。

Motion 入门

给任意站点区块编排时间轴动画。

  1. 新建场景,把想动的目标加入画布(文字/卡片/圆形)。
  2. 为同一目标添加多个关键帧,拖动数值或播放头设定位移/缩放/旋转/透明度/时长。
  3. 选择缓动与触发方式(进入视口 / 点击 / 播放头 / 减少动态静止)。
  4. 保存为不可变版本;刷新前会保留草稿。导出的网站里动画随整站一起工作。

导出与部署

把 FORMA 作品变成线上站点。

  1. HTML 导出:单个 ZIP 含全部页面与内联资源,离线可开,也可直接丢进静态托管。
  2. React 导出:标准 Vite 工程,npm install / npm run build 后可部署到任意 Node/静态环境。
  3. 发布前检查:桌面/手机预览、减少动态、链接是否均为相对路径(子目录部署需设置 Vite base)。
  4. SEO:给每页写独立 title 与 description;静态站可用 sitemap.xml 告知搜索引擎。