diff --git a/docs/en/accessory/485t.md b/docs/en/accessory/485t.md
index 50532712..d30c5133 100644
--- a/docs/en/accessory/485t.md
+++ b/docs/en/accessory/485t.md
@@ -6,7 +6,7 @@
-:memo:**[Description](#Description)** 🛒**[Purchase](https://m5stack.com/collections/m5-accessory/products/frame-panel-extended-install-components)**
+:memo:**[Description](#Description)** 🛒**[Purchase](https://m5stack.com/collections/m5-accessory/products/m5stack-rs485t)**
## Description
diff --git a/docs/en/unit/butterfly.md b/docs/en/unit/butterfly.md
index f740f83b..af9ea567 100644
--- a/docs/en/unit/butterfly.md
+++ b/docs/en/unit/butterfly.md
@@ -5,7 +5,7 @@
***
-:memo:**[Description](#Description)** :bulb:**[Assembly Steps](#Assembly-Steps)** 🛒**[Purchase](https://m5stack.com/collections/m5-unit/products/m5stack-butterfly-magic-prop-toy)**
+:memo:**[Description](#Description)** :bulb:**[Assembly Steps](#Assembly-Steps)** 🛒**[Purchase](https://m5stack.com/collections/m5-application/products/butterfly-launcher)**
## Description
diff --git a/docs/index.html b/docs/index.html
index 0c76b488..90a84a28 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -18,14 +18,13 @@
//监听加载状态改变
document.onreadystatechange = completeLoading;
-
//加载状态为complete时移除loading效果
function completeLoading() {
if (document.readyState == "complete") {
var loadingMask = document.getElementById('loading');
loadingMask.parentNode.removeChild(loadingMask);
}
- }
+ }
diff --git a/docs/zh_CN/accessory/485t.md b/docs/zh_CN/accessory/485t.md
index 8b52736f..0082aa68 100644
--- a/docs/zh_CN/accessory/485t.md
+++ b/docs/zh_CN/accessory/485t.md
@@ -2,9 +2,7 @@
-:memo:**[描述](#描述)**
-
-
+:memo:**[描述](#描述)** 🛒**[购买链接](https://m5stack.com/collections/m5-accessory/products/m5stack-rs485t)**
## 描述
diff --git a/docs/zh_CN/unit/butterfly.md b/docs/zh_CN/unit/butterfly.md
index cd0f496d..f09df34c 100644
--- a/docs/zh_CN/unit/butterfly.md
+++ b/docs/zh_CN/unit/butterfly.md
@@ -4,16 +4,15 @@
***
-:memo:**[描述](#描述)** :bulb:**[步骤](#步骤)** 🛒**[购买链接](https://m5stack.com/collections/m5-unit/products/m5stack-butterfly-magic-prop-toy)**
+:memo:**[描述](#描述)** :bulb:**[步骤](#步骤)** 🛒**[购买链接](https://m5stack.com/collections/m5-application/products/butterfly-launcher)**
## 描述
**Butterfly Launcher** 是一个酷炫的蝴蝶模型发射器，相比旧版本的发射器，新版配备了MEGA328微处理器、锂电池组件、18个彩色LED灯，以及提供了两个拓展端口（分别用于电源，串口通信）. 实际使用时能够同时串联多个设备，并独立控制它们.
-
+
串行通信机制：将多个设备进行串联，为了准确的向某个设备发送指令，我们在代码中附加"id"变量，当指令通过控制器串行传输到设备时，每经过一个设备，变量都将进行减一操作，读取到变量为0的设备则执行命令.
-
+
因此，1，我们能够独立控制串行设备中的任意一个，并单独设置它们的LED颜色，闪烁模式，亮度和伺服状态.
-
2,如同下方视频所示，在LED灯演示时，存在着一定的延迟，假设每个设备有100ms的延迟，并且我们总共有10个，则最后一个设备将有1s的延迟时间.为了优化这种延迟，我们可以对第一个设备进行编程以等待最后一个设备（由于协议的特性，延迟的产生是无法避免的）
## 产品特性
@@ -43,6 +42,45 @@
+
+## 装配步骤
+
+### 按钮功能（正面）
+ - 右：单击打开电源，双击打开电源。
+ - 左：长按直到led cricle变为另一种颜色，松开按钮。然后短按它将调整伺服臂。重复上述过程以获得正确的位置。
+
+### 装配蝴蝶模型
+
+
+
+
+### 外接电源（在设备连接超过10个的情况下，会需要外接电源使其稳定）
+
+
+
+
+注意：
+1）在线路末端添加电源，或者使用（GROVE-usbA连接线+充电宝）或（GROVE-usbA连接线 + 5V充电头）
+2）grove 2 usbA连接线
+3）带GROVE公端口的墙上插头
+
+
+## 推荐步骤
+
+1）使用m5go连接设备，在末端连接额外的电源。
+2）使用uiflow测试代码测试线路，确保每个设备正常工作。
+3）使用设备上的按钮加载蝴蝶.
+4）编程M5GO上的按钮启动发射蝴蝶
+
+
+
+
+
+
+## 程序部分
+
关于控制程序，我们在UIFLow上封装了一个特别的程序块, 这使得您能够简单地编写控制程序.下面将向您展示如何在UIFlow上添加程序块.
>1，导航到"自定义"，单击"打开"* m5d
@@ -56,3 +94,13 @@
>3，展开Custom选项，选择蝴蝶程序块.
+
+
+
+
+## Video
+
+
+