diff --git a/docs/index.html b/docs/index.html
index fa4ca3a0..f7728172 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -55,7 +55,7 @@
                 '/.*/navbar.md': '/navbar.md',
                 '/en/': '/',
             },
-            auto2top: false,
+            auto2top:  true,
             mergeNavbar: true,
             maxLevel: 4,
             subMaxLevel: 3,
diff --git a/docs/zh_CN/README.md b/docs/zh_CN/README.md
index ad170360..31893b4f 100644
--- a/docs/zh_CN/README.md
+++ b/docs/zh_CN/README.md
@@ -784,7 +784,7 @@
   <p class="item-title" style="font-style:italic;">SPK</p>
 </div>
 
-<!-- <div class="item">
+<div class="item">
   <a href="/#/zh_CN/hat/hat-proto">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/hat_proto_01.jpg">
   </a>
@@ -803,7 +803,7 @@
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/hat_thermal_01.jpg">
   </a>
   <p class="item-title" style="font-style:italic;">Thermal</p>
-</div> -->
+</div>
 
 **视觉类**
 
diff --git a/docs/zh_CN/hat/hat-ncir.md b/docs/zh_CN/hat/hat-ncir.md
index 6db5015c..8e2aeb13 100644
--- a/docs/zh_CN/hat/hat-ncir.md
+++ b/docs/zh_CN/hat/hat-ncir.md
@@ -16,6 +16,7 @@ IIC（0x5A）
 
 ## 产品特性
 
+- 兼容M5StickC
 - 工作电压: 4.5 to 5.5V
 - 测温范围: -70°C ~ 382.2°C
 - 室温下测量精度: ±0.5°C
@@ -42,7 +43,7 @@ IIC（0x5A）
 
 - **[官方论坛](http://forum.m5stack.com/)**
 
--  **数据手册** - [MLX90614](https://github.com/m5stack/M5-Schematic/blob/master/datasheet/MLX90614-Datasheet-Melexis.pdf)
+- **[MLX90614 Datasheet](https://github.com/m5stack/M5-Schematic/blob/master/datasheet/MLX90614-Datasheet-Melexis.pdf)**
 
 ## EasyLoader
 
@@ -54,6 +55,11 @@ IIC（0x5A）
 
 >2.下载软件后，双击运行应用程序，将M5设备通过数据线连接至电脑,选择端口参数，点击 **"Burn"** 即可开始烧录
 
+
+## 例程
+
+- **[Arduino](https://github.com/m5stack/M5StickC/tree/master/examples/Hat/NCIR_HAT)**
+
 ### 管脚映射
 
 <table>
diff --git a/docs/zh_CN/hat/hat-proto.md b/docs/zh_CN/hat/hat-proto.md
index 45f9675c..c4ee33b9 100644
--- a/docs/zh_CN/hat/hat-proto.md
+++ b/docs/zh_CN/hat/hat-proto.md
@@ -10,8 +10,11 @@
 
 **Hat PROTO** 是一款兼容M5SticKC的万能板,你可以自由的在板上进行电路设计.如果你打算为你的设计添加简单的电路并为其添加可靠的保护外壳, Hat PROTO 是一个不错的选择.
 
+<img src="assets\img\product_pics\hat\proto_hat\hat_proto_05.jpg" width="50%" height="50%">
+
 ## 产品特性
 
+- 兼容M5StickC
 - 孔尺寸: 0.039" 1mm (CNC Drilled)
 - 孔间距: 0.1 in - (2.54 mm)
 - 板孔数量: x Holes
@@ -21,6 +24,10 @@
 
 - 1x PROTO Hat
 
+## 应用
+
+- 电路原型设计
+
 
 ## 原理图
 
@@ -34,6 +41,10 @@
 
 - **[官方论坛](http://forum.m5stack.com/)**
 
+## 例程
+
+- **[Arduino](https://github.com/m5stack/M5StickC/tree/master/examples/Hat/ENV)**
+
 
 ## 相关视频
 
diff --git a/docs/zh_CN/hat/hat-thermal.md b/docs/zh_CN/hat/hat-thermal.md
index 9c3ba994..ee99c9ba 100644
--- a/docs/zh_CN/hat/hat-thermal.md
+++ b/docs/zh_CN/hat/hat-thermal.md
@@ -16,6 +16,7 @@
 
 ## 产品特性
 
+- 兼容M5StickC
 - 工作电压: 3V ~ 3.6V
 - 工作电流: 23mA
 - 视场角: 55°x35°
@@ -48,7 +49,7 @@
 
 - **[官方论坛](http://forum.m5stack.com/)**
 
-- **[MLX90640 数据手册](https://github.com/m5stack/M5-Schematic/blob/master/datasheet/MLX90640-Datasheet-Melexis.pdf)**
+- **[MLX90640 Datasheet](https://github.com/m5stack/M5-Schematic/blob/master/datasheet/MLX90640-Datasheet-Melexis.pdf)**
 
 ## EasyLoader
 
@@ -67,6 +68,10 @@
  <tr><td>HAT Thermal</td><td>SDA</td><td>SCL-</td><td>3.3V</td><td>GND</td></tr>
 </table>
 
+## 例程
+
+- **[Arduino](https://github.com/m5stack/M5StickC/tree/master/examples/Hat/MLX90640)**
+
 
 ## 相关视频