docs: Update the deployment document of DingTalk robot, add instructions for widescreen configuration and related pictures (#87)

en/usage/platforms/dingtalk.mdx

@@ -50,6 +50,9 @@ After clicking Create you'll be redirected to edit the template. As shown, you c
 For the main content, keep the default 'content' unchanged:
 ![Don't modify](../../../images/zh/deploy/bots/dingtalk/dingtalk13.png)
 
+Widescreen configuration parameters, you need to add . in the template variables. See [DingTalk Widescreen Configuration](https://open.dingtalk.com/document/development/configure-widescreen-cards)
+![Widescreen Configuration](../../../images/zh/deploy/bots/dingtalk/dingtalk16.png)
+
 After editing and confirming everything is correct, save it and copy the template ID to fill in the configuration file:
 ![Save](../../../images/zh/deploy/bots/dingtalk/dingtalk14.png)
 ![Copy template ID](../../../images/zh/deploy/bots/dingtalk/dingtalk15.png)
@@ -58,7 +61,7 @@ After editing and confirming everything is correct, save it and copy the templat
 
 Click `Credentials and Basic Information`, record `Client ID` and `Client Secret`,
 Click `Application Capabilities`, `Robot`, record the RobotCode and Robot Name.
-`markdown_card` is whether to enable Markdown form replies.
+`markdown_card` is whether to enable Markdown form replies. When this configuration item is disabled, the `@Sender` configuration switch will not take effect.
 Record the above configuration items and fill them in the LangBot bot configuration form
 
 Click [Card Platform](https://open-dev.dingtalk.com/fe/card?spm=ding_open_doc.document.0.0.33cf2281L0fXsV), copy the corresponding bound template ID from the template list, and fill it into the card template ID field.
@@ -66,7 +69,7 @@ Click [Card Platform](https://open-dev.dingtalk.com/fe/card?spm=ding_open_doc.do
 ![Connect to LangBot](/images/zh/deploy/bots/dingtalk/connect_to_langbot.png)
 
 Streaming related:
-![img.png](../../../images/zh/deploy/bots/lark/lark_15.png)
+![img.png](../../../images/zh/deploy/bots/dingtalk/dingtalk17.png)
 
 **Start LangBot**.
 

ja/usage/platforms/dingtalk.mdx

@@ -50,6 +50,9 @@ DingTalk に LangBot をデプロイします。
 メインコンテンツについては、デフォルトの「content」をそのままにしておきます：
 ![Don't modify](../../../images/zh/deploy/bots/dingtalk/dingtalk13.png)
 
+ワイドスクリーン設定パラメータ。テンプレート変数に . を追加する必要があります。参考[DingTalk ワイドスクリーン設定](https://open.dingtalk.com/document/development/configure-widescreen-cards)
+![Widescreen Configuration](../../../images/zh/deploy/bots/dingtalk/dingtalk16.png)
+
 編集を終え、すべて正しいことを確認したら、保存してテンプレート ID をコピーし、設定ファイルに入力します：
 ![Save](../../../images/zh/deploy/bots/dingtalk/dingtalk14.png)
 ![Copy template ID](../../../images/zh/deploy/bots/dingtalk/dingtalk15.png)
@@ -58,7 +61,7 @@ DingTalk に LangBot をデプロイします。
 
 「認証情報と基本情報」をクリックし、「Client ID」と「Client Secret」を記録します。
 「アプリケーション機能」、「ロボット」をクリックし、RobotCode とロボット名を記録します。
-`markdown_card` は Markdown 形式の返信を有効にするかどうかです。
+`markdown_card` は Markdown 形式の返信を有効にするかどうかです。この設定項目が無効になっている場合、`@送信者` 設定スイッチは有効になりません。
 上記の設定項目を記録し、LangBot ボット設定フォームに入力します
 
 [カードプラットフォーム](https://open-dev.dingtalk.com/fe/card?spm=ding_open_doc.document.0.0.33cf2281L0fXsV)をクリックし、テンプレートリストから対応するバインドされたテンプレート ID をコピーし、カードテンプレート ID フィールドに入力します。
@@ -66,7 +69,7 @@ DingTalk に LangBot をデプロイします。
 ![Connect to LangBot](/images/zh/deploy/bots/dingtalk/connect_to_langbot.png)
 
 ストリーミング関連：
-![img.png](../../../images/zh/deploy/bots/lark/lark_15.png)
+![img.png](../../../images/zh/deploy/bots/dingtalk/dingtalk17.png)
 
 **LangBot を起動します**。
 

zh/usage/platforms/dingtalk.mdx

@@ -50,6 +50,9 @@ title: "部署钉钉机器人"
 主内容这里默认content不要改动即可：
 ![不改动](../../../images/zh/deploy/bots/dingtalk/dingtalk13.png)
 
+宽屏配置参数，需要在模板变量中添加.参考[钉钉宽屏配置](https://open.dingtalk.com/document/development/configure-widescreen-cards)
+![宽屏配置](../../../images/zh/deploy/bots/dingtalk/dingtalk16.png)
+
 编辑好没问题之后保存即可，并复制模板id用以填写配置文件：
 ![保存](../../../images/zh/deploy/bots/dingtalk/dingtalk14.png)
 ![复制模板id](../../../images/zh/deploy/bots/dingtalk/dingtalk15.png)
@@ -68,7 +71,7 @@ title: "部署钉钉机器人"
 ![对接 LangBot](/images/zh/deploy/bots/dingtalk/connect_to_langbot.png)
 
 流式相关：
-![img.png](../../../images/zh/deploy/bots/lark/lark_15.png)
+![img.png](../../../images/zh/deploy/bots/dingtalk/dingtalk17.png)
 
 **启动 LangBot** 。