Howard的程式筆記

Discord Bot - ep.2 (Embed 嵌入式訊息)

分類於

Embed 嵌入式訊息

Embed 優點

  • 美觀和結構化的訊息呈現
  • 能夠包含圖像、超連結和字段等多種元素
  • 支援按鈕、反應和選單等互動元素
  • 提供多種自定義選項，如顏色、作者資訊和時間戳
  • Discord.js 提供了方便的 EmbedBuilder 類別，簡化了 Embed 的創建和設置過程

總結來說，Embed 嵌入式訊息在 Discord 中提供了結構化、美觀且具有豐富內容和互動性的訊息展示方式

Embed 範例圖片

如何創建屬於自己的 Discord 機器人 請見 Discord Bot v14 ep.1 (建立一個屬於自己的Discord Bot)

Embed 使用方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
const { EmbedBuilder } = require('discord.js');

// 創建 EmbedBuilder 實例
const embed = new EmbedBuilder()
    .setTitle('標題') // 設置 Embed 的標題
    .setDescription('描述') // 設置 Embed 的描述
    .setColor('#0099ff') // 設置 Embed 的顏色
    .setImage('圖像URL') // 設置 Embed 的圖像
    .setThumbnail('圖像URL') // 設置 Embed 的縮略圖
    .addFields(
        // 添加字段
        { name: '字段標題1', value: '一些內容' },
        { name: '字段標題2', value: '一些內容' },
        { name: '字段標題3', value: '一些內容' }
    )
    .setAuthor({
        // 設置 Embed 的使用者資訊
        url: `https://discord.com/users/${interaction.user.id}`,
        iconURL: interaction.user.displayAvatarURL(),
        name: interaction.user.tag
    });

// 回覆訊息並包含 Embed，視情況選擇使用 interaction.reply 或 interaction.channel.send
interaction.reply({ embeds: [embed], ephemeral: true });