sketch download link

components/button/index.md

@@ -2,6 +2,7 @@
 
 - category: CSS
 - chinese: 按钮
+- sketch: button.sketch
 
 ---
 

static/style.css

@@ -1042,6 +1042,22 @@ footer ul li > a {
   font-weight: normal;
 }
 
+.sketch-link {
+  font-size: 14px;
+  vertical-align: middle;
+  font-weight: normal;
+  float: right;
+  margin-right: 15px;
+  border: 1px solid #ddd;
+  padding: 2px 15px;
+  border-radius: 100px;
+  color: #777;
+}
+
+.sketch-link i {
+  margin-right: 5px;
+}
+
 .component-demos .icon-all {
   cursor: pointer;
   font-size: 16px;

theme/templates/layout.html

@@ -105,6 +105,12 @@
         <h2 class="component-demos">
           组件演示
           <i class="iconfont-home icon-all" title="展开全部代码"></i>
+          {%- if post.meta.sketch %}
+          <a class="sketch-link" href="{{ post.meta.sketch }}" target="_blank">
+            <i class="iconfont-home icon-download"></i>
+            Sketch 下载
+          </a>
+          {%- endif %}
         </h2>
         <div class="code-boxes clearfix">
           {%- set items = resource.pages|find_demo_in_component(post.meta.directory) %}