diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss
index 7158c8b8bda8..08b8fdffd4a1 100755
--- a/assets/scss/_custom.scss
+++ b/assets/scss/_custom.scss
@@ -912,3 +912,7 @@ div.alert > em.javascript-required {
     margin-bottom: 12px;
     border-radius: 24px;
 }
+#td-sidebar-menu{
+  overflow: auto;
+  white-space: nowrap;
+}
diff --git a/content/zh-cn/extensions/_index.md b/content/zh-cn/extensions/_index.md
new file mode 100644
index 000000000000..7b6a5ae49e87
--- /dev/null
+++ b/content/zh-cn/extensions/_index.md
@@ -0,0 +1,61 @@
+---
+aliases:
+  - /zh/extensions/
+description: 扩展市场
+layout: basic
+linkTitle: 扩展市场
+menu:
+  main:
+    weight: 100
+no_list: true
+title: 扩展市场
+type: docs
+---
+
+SPI扩展市场
+
+
+{{< cardpane >}}
+{{< card header="avro序列化扩展"  >}}
+<div class="community-resource">
+   <p>avro序列化扩展</p>
+</div>
+  {{< /card >}}
+
+
+  {{< card header="fastjson序列化扩展" >}}
+<div  class="community-resource">
+    <p>fastjson序列化扩展</p>
+</div>
+  {{< /card >}}
+
+
+  {{< card header="fst序列化扩展" >}}
+<div class="community-resource">
+    <p>fst序列化扩展</p>
+</div>
+  {{< /card >}}
+
+
+
+  {{< card header="gson序列化扩展" >}}
+<div   class="community-resource">
+    <p>gson序列化扩展</p>
+</div>
+  {{< /card >}}
+
+
+{{< card header="gson序列化扩展" >}}
+  <div class="card-body">
+    <h5 class="card-title">Card title</h5>
+    <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
+    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
+    <a href="#" class="card-link">Card link</a>
+    <a href="#" class="card-link">Another link</a>
+  </div>
+  {{< /card >}}
+
+
+
+
+{{< /cardpane >}}
\ No newline at end of file