社区 V2 组件

服务器信息与导航

一个现代的 V2 组件中心，以整洁的布局显示社区统计数据、服务器链接、邀请按钮和身份组说明。

community-previewDISCORD LIVE PREVIEW

随时可用

Discord ToolsBOTToday at 12:00 PM

🌐 Server Directory & Quick Navigation

Find all important channels, social links, and server milestones in one place.

📌 Main Channels

#announcements: Stay updated on server news and events
#general-chat: Casual community discussions
#bot-commands: Test commands and interactive features
#support-tickets: Private help desk

🔗 Official Resources

Visit our official website, documentation, and partner portals.

实时的 Discord 聊天模拟器 — 响应式且逼真。

如何使用此模板

在可视化构建器中打开

点击“在构建器中打开”将此完整消息加载到实时编辑器中。

2. 个性化您的内容

修改文本、频道链接、服务器规则、身份组、颜色和交互式按钮。

3. 发送到 Discord

直接从构建器通过 Discord Webhook 发送，或将 JSON 负载复制到您的机器人代码中。

模板常见问题

常见问题

按钮在 Discord 里面能用吗？

能！带有有效 URL（如您的网站或永久邀请）的链接按钮在 Discord 中完全可点击且具有交互性。

模板详情

分类社区

格式 Components V2

组件数 1 rows / 0 embeds

难度新手友好

包含功能

带有强调边框的 V2 组件容器
用于服务器邀请和网站的交互式外部按钮
突出显示所有者、地区和发布日期的结构化字段

Discord JSON

{
  "version": 1,
  "mode": "components-v2",
  "embeds": [],
  "components": [
    {
      "id": "c-v2-info-container",
      "type": "container",
      "components": [
        {
          "id": "c-v2-info-title",
          "type": "text_display",
          "content": "# 🌐 Server Directory & Quick Navigation\nFind all important channels, social links, and server milestones in one place."
        },
        {
          "id": "c-v2-info-sep-1",
          "type": "separator"
        },
        {
          "id": "c-v2-info-body",
          "type": "text_display",
          "content": "### 📌 Main Channels\n- **#announcements**: Stay updated on server news and events\n- **#general-chat**: Casual community discussions\n- **#bot-commands**: Test commands and interactive features\n- **#support-tickets**: Private help desk\n\n### 🔗 Official Resources\nVisit our official website, documentation, and partner portals."
        },
        {
          "id": "c-v2-info-row",
          "type": "action_row",
          "components": [
            {
              "id": "btn-info-web",
              "type": "button",
              "style": 5,
              "label": "Official Website",
              "url": "https://buildcompose.com",
              "emoji": {
                "name": "🔗"
              }
            },
            {
              "id": "btn-info-ticket",
              "type": "button",
              "style": 1,
              "label": "Contact Support",
              "customId": "btn_info_support",
              "emoji": {
                "name": "📩"
              }
            }
          ]
        }
      ]
    }
  ]
}