# 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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.wulihub.com.cn/webhost/webhost/sketch.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.