docs: use image icons for bot navigation

2026-11-06 07:44:04 +08:00 · 2026-05-18 12:31:00 +08:00
parent ca5a1fb816
commit 57ba9ed7e1
35 changed files with 62 additions and 93 deletions
@@ -2,6 +2,7 @@
 title: "DingTalk ボットのデプロイ"
 icon: "/images/platforms/dingtalk.svg"
 ---
+
 DingTalk に LangBot をデプロイします。

 ## 一键設定（おすすめ）
@@ -1,9 +1,8 @@
 ---
 title: "Discord ボットに接続"
-icon:
-  name: "discord"
-  style: "brands"
+icon: "/images/platforms/discord.svg"
 ---
+
 ## ボットの作成

 [Discord Developer Portal](https://discord.com/developers/applications)にアクセスし、ログインしてアプリケーションを作成します。
@@ -2,6 +2,7 @@
 title: "KOOK ボットの統合"
 icon: "/images/platforms/kook.png"
 ---
+
 ## ボットの作成

 [KOOK Developer Center](https://developer.kookapp.cn/)にアクセスし、ログインしてコンソールにアクセスします。
@@ -2,6 +2,7 @@
 title: "Feishu ボットに接続"
 icon: "/images/platforms/lark.svg"
 ---
+
 ## 一键設定（おすすめ）

 LangBot は Feishu アプリのワンクリック作成とクレデンシャルの自動入力に対応しています。手動でのコピペは不要です。
@@ -1,9 +1,8 @@
 ---
 title: "LINE ボットの統合"
-icon:
-  name: "line"
-  style: "brands"
+icon: "/images/platforms/line.svg"
 ---
+
 この記事では、LangBot を LINE プラットフォームと接続して LINE ボット機能を実装する方法について説明します。

 ## LINE ボットの作成
@@ -1,9 +1,8 @@
 ---
 title: "Slack ボットに接続"
-icon:
-  name: "slack"
-  style: "brands"
+icon: "/images/platforms/slack.svg"
 ---
+
 ## ボットの作成

 [Slack App Platform](https://api.slack.com/apps)にアクセスします。
@@ -1,9 +1,8 @@
 ---
 title: "Telegram ボットに接続"
-icon:
-  name: "telegram"
-  style: "brands"
+icon: "/images/platforms/telegram.svg"
 ---
+
 ## ボットの作成

 [Telegram Bot Creation Page](https://t.me/botfather)にアクセスし、プロンプトに従ってボットを作成します。
@@ -1,9 +1,8 @@
 ---
 title: "ウェブページボット"
-icon:
-  name: "globe"
-  style: "solid"
+icon: "/images/platforms/webpage.svg"
 ---
+
 一行のスクリプトタグで LangBot チャットウィジェットを任意のウェブサイトに埋め込みます。

 ## ボットの作成
@@ -1,9 +1,8 @@
 ---
 title: "WeChat Official Account ボットのデプロイ"
-icon:
-  name: "weixin"
-  style: "brands"
+icon: "/images/platforms/wechat.svg"
 ---
+
 WeChat Official Account ボットをデプロイして LangBot に接続します。

 ## LangBot WeChat Official Account 統合モード