# Sketch

**托管后演示效果**

<https://www.wulihub.com.cn/go/1e0vy3/index.html>

{% hint style="info" %}
**教程分两个部分**
{% endhint %}

1. 如何将制作的Sketch设计稿导出成带有标注的HTML文件夹，并压缩成Zip包
2. 如何将Zip包上传到WuliHuB上

## 导出HTML文件夹

**1、先现在Sketch的Measure插件**

![1711uSfOc49q.png](http://cdn.pmdaniu.com/uploads/201611/09/13/1711uSfOc49q.png)

**2、生成带标注的设计稿的方式**

执行 Plugin > Sketch Measure > Toolbar 或使用快捷键 control ⌃ + shift ⇧ + E\
选择规范导出\
![3415P2JMQsda.png](http://cdn.pmdaniu.com/uploads/201904/12/14/3415P2JMQsda.png)

![3301LNrE52fn.png](http://cdn.pmdaniu.com/uploads/201611/09/13/3301LNrE52fn.png)

**3、导出后，会生成一个文件夹（HTML文件夹）**

![2437jtg7FWY8.png](http://cdn.pmdaniu.com/uploads/201611/09/13/2437jtg7FWY8.png)

**4、将HTML文件夹压缩成Zip格式**

## **将Zip压缩包上传到WuliHub**

点击上传按钮，选择压缩包好的zip包，压缩包大小不超过50M