GUIDE / GETTING STARTED
指南与教程。
三条最短路径:从模板上线、给站点加动效、把作品部署出去。
从模板到上线
选模板 → 调文案/图片 → 配置主题与动效 → 导出 HTML/React → 部署。
- 在「公开模板」选一套可复制的示例,复制为个人项目。
- 逐区块替换标题、正文、图片(从素材库或上传)与配色主题。
- 在「动效」里给关键区块加进入动效;导出前用预览检查三种宽度。
- 导出整站 ZIP,得到 index.html 与附加页面;部署到任意静态托管(如 GitHub Pages / Cloudflare Pages / 自有服务器)。
Motion 入门
给任意站点区块编排时间轴动画。
- 新建场景,把想动的目标加入画布(文字/卡片/圆形)。
- 为同一目标添加多个关键帧,拖动数值或播放头设定位移/缩放/旋转/透明度/时长。
- 选择缓动与触发方式(进入视口 / 点击 / 播放头 / 减少动态静止)。
- 保存为不可变版本;刷新前会保留草稿。导出的网站里动画随整站一起工作。
导出与部署
把 FORMA 作品变成线上站点。
- HTML 导出:单个 ZIP 含全部页面与内联资源,离线可开,也可直接丢进静态托管。
- React 导出:标准 Vite 工程,npm install / npm run build 后可部署到任意 Node/静态环境。
- 发布前检查:桌面/手机预览、减少动态、链接是否均为相对路径(子目录部署需设置 Vite base)。
- SEO:给每页写独立 title 与 description;静态站可用 sitemap.xml 告知搜索引擎。