diff --git a/docs/manual/plots/histogram.en.md b/docs/manual/plots/histogram.en.md
index 20423acf7b..6e79ec3b7c 100644
--- a/docs/manual/plots/histogram.en.md
+++ b/docs/manual/plots/histogram.en.md
@@ -3,47 +3,7 @@ title: Histogram
 order: 8
 ---
 
-<div class="manual-docs">
-
- <div data-card-type="block" data-lake-card="table" id="pLwYV" class="">
-    <table class="lake-table" style="width: 100%; outline: none; border-collapse: collapse;">
-      <colgroup>
-        <col width="425" span="1">
-        <col width="340" span="1">
-      </colgroup>
-      <tbody>
-        <tr style="height: 33px;">
-          <td colspan="1" rowspan="4" style="background:#fff">
-            <playground path='more-plots/histogram/demo/basic.ts'></playground>
-          </td>
-          <td class="style1">
-            <p><strong>定义</strong></p>
-            <p><span class="lake-fontsize-12">直方图是一种统计报告图，由一系列高度不等的纵向条纹或线段表示数据分布的情况。</span></p>
-          </td>
-        </tr>
-        <tr style="height: 33px;">
-          <td class="style1">
-            <p><strong>视觉通道</strong></p>
-            <p><span class="lake-fontsize-12">位置</span></p>
-          </td>
-        </tr>
-        <tr style="height: 33px;">
-          <td colspan="1">
-            <p><strong>分析目的</strong></p>
-            <p><span class="lake-fontsize-12">比较、趋势</span></p>
-          </td>
-        </tr>
-        <tr style="height: 33px;">
-          <td colspan="1">
-            <p><strong>数据准备</strong></p>
-            <p><span class="lake-fontsize-12">1 个「时间」或「有序名词」字段</span></p>
-            <p><span class="lake-fontsize-12">0 ~ 1 个「无序名词」字段</span></p>
-            <p><span class="lake-fontsize-12">1 个「数值」字段</span></p>
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
+<iframe width="100%" height="500" frameborder="0" allowfullscreen style="border:1px solid #d9d9d9;" src="https://www.yuque.com/antv/g2plot/histogram-guide?view=doc_embed">
 
 ## Quick start
 
diff --git a/docs/manual/plots/histogram.zh.md b/docs/manual/plots/histogram.zh.md
index 411e6e3a20..b59cab836b 100644
--- a/docs/manual/plots/histogram.zh.md
+++ b/docs/manual/plots/histogram.zh.md
@@ -3,47 +3,7 @@ title: 直方图
 order: 8
 ---
 
-<div class="manual-docs">
-
- <div data-card-type="block" data-lake-card="table" id="pLwYV" class="">
-    <table class="lake-table" style="width: 100%; outline: none; border-collapse: collapse;">
-      <colgroup>
-        <col width="425" span="1">
-        <col width="340" span="1">
-      </colgroup>
-      <tbody>
-        <tr style="height: 33px;">
-          <td colspan="1" rowspan="4" style="background:#fff;padding:0;">
-            <playground path='more-plots/histogram/demo/basic.ts'></playground>
-          </td>
-          <td class="style1">
-            <p><strong>定义</strong></p>
-            <p><span class="lake-fontsize-12">直方图是一种统计报告图，由一系列高度不等的纵向条纹或线段表示数据分布的情况。</span></p>
-          </td>
-        </tr>
-        <tr style="height: 33px;">
-          <td class="style1">
-            <p><strong>视觉通道</strong></p>
-            <p><span class="lake-fontsize-12">位置</span></p>
-          </td>
-        </tr>
-        <tr style="height: 33px;">
-          <td colspan="1">
-            <p><strong>分析目的</strong></p>
-            <p><span class="lake-fontsize-12">比较、趋势</span></p>
-          </td>
-        </tr>
-        <tr style="height: 33px;">
-          <td colspan="1">
-            <p><strong>数据准备</strong></p>
-            <p><span class="lake-fontsize-12">1 个「时间」或「有序名词」字段</span></p>
-            <p><span class="lake-fontsize-12">0 ~ 1 个「无序名词」字段</span></p>
-            <p><span class="lake-fontsize-12">1 个「数值」字段</span></p>
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
+<iframe width="100%" height="500" frameborder="0" allowfullscreen style="border:1px solid #d9d9d9;" src="https://www.yuque.com/antv/g2plot/histogram-guide?view=doc_embed">
 
 ## 快速上手
 
diff --git a/examples/more-plots/histogram/design.en.md b/examples/more-plots/histogram/design.en.md
index bb15e43870..902744cfc8 100644
--- a/examples/more-plots/histogram/design.en.md
+++ b/examples/more-plots/histogram/design.en.md
@@ -2,6 +2,4 @@
 title: 设计规范
 ---
 
-设计规范
-
-- 见 [直方图设计](https://antv.antfin.com/zh-cn/vis/chart/histogram.html#_%E7%9B%B4%E6%96%B9%E5%9B%BE%E7%9A%84%E7%AE%80%E4%BB%8B)
+`markdown:docs/manual/plots/histogram.en.md`
diff --git a/examples/more-plots/histogram/design.zh.md b/examples/more-plots/histogram/design.zh.md
index bb15e43870..36c7d68cef 100644
--- a/examples/more-plots/histogram/design.zh.md
+++ b/examples/more-plots/histogram/design.zh.md
@@ -2,6 +2,4 @@
 title: 设计规范
 ---
 
-设计规范
-
-- 见 [直方图设计](https://antv.antfin.com/zh-cn/vis/chart/histogram.html#_%E7%9B%B4%E6%96%B9%E5%9B%BE%E7%9A%84%E7%AE%80%E4%BB%8B)
+`markdown:docs/manual/plots/histogram.zh.md`
diff --git a/gatsby-config.js b/gatsby-config.js
index 2965c5613d..2c9f42022c 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -313,8 +313,8 @@ module.exports = {
       indexName: 'antv_g2plot',
     },
     announcement: {
-      zh: "AntV G2 / G2Plot 2021 品牌日：[潜心深造 · 统计图表](https://www.yuque.com/antv/blog/2021g2)",
-      en: "AntV G2 / G2Plot 2021 品牌日：[潜心深造 · 统计图表](https://www.yuque.com/antv/blog/2021g2)",
+      zh: '',
+      en: '',
     }
   },
 };