Exporter

安装

1. 下载并解压 Exporter.zip
2. 双击 Exporter.sketchplugin 完成安装

使用

1. 打开带有原型流 Sketch-native 链接的 Sketch 文档
2. 执行 Plugins > Exporter > Export to HTML 选择文件夹，将原型导出为 HTML 至该文件夹下（Sketch 文档未保存情况下生成的 HTML 文件夹名默认为 Sketch Document 保存后为 Sketch 文档名，默认勾选生成 HTML 后弹出浏览器打开）
3. 执行 Plugins > Exporter > Export selected to HTML 可选择 选中画板 / 当前页画板 进行导出 HTML
4. 执行 Plugins > Exporter > Publish HTML 可设置发布版本号、远程站点文件夹、是否压缩位图、SFTP 登录及站点根目录
5. 选中图层或画板，执行 Plugins > Exporter > Set External Link for Layer or Artboard 可添加指向外部站点的链接
6. 选中一个图层，执行 Plugins > Exporter > Configure Layer 可设置特殊 ID 以在导出时生成独立的 DIV 标签 ID
7. 选中一个画板，执行 Plugins > Exporter > Configure Artboard 可设置当前画板导出后图层类型（常规、模态弹窗、外部链接、遮罩层 增加半透明黑背景）、是否显示模态弹窗阴影、默认显示滚动至头部按钮、设置自动播放延迟时间
8. 执行 Plugins > Exporter > Configure Document 可设置是否显示画板导航、画板排列方式（左至右、Sketch 默认、反向 Sketch 默认）、自定义背景颜色、是否禁用固定图层，该配置为当前文档公用设置
9. 执行 Plugins > Exporter > Configure Plugin 可对插件进行设置画板于页面对齐方式（顶部、居中对齐）、画板排列方式（左至右、Sketch 默认、反向 Sketch 默认）、是否导出 Retina 位图、是否显示画板导航、是否当鼠标经过时显示高亮热点、是否将图层转化为 JSON 文件、设置 Google Code、设置图像压缩工具应用路径

基本信息

• 收录版本 5.0.0
• 更新时间 5年前