喂!我是 Wei

Front-End Engineer

Be a Problem Solver.

⌘K

導覽

所有文章緣起互動小功能

文章分類

← 互動小功能
💬

Discord Embed 預覽

閱讀教學 →
Discord.jsEmbedBuilderReact

即時預覽 EmbedBuilder 效果,所有欄位填完後底部自動產生對應的 discord.js v14 程式碼,可直接複製貼上。

EMBED_BUILDERLIVE
discord.js v14
COLOR
AUTHOR
CONTENT
MEDIA
FIELDS
FOOTER
#general
WEI
My Bot今天 12:00BOT
Discord Bot
Embed 標題

這是 Embed 的說明文字,支援 Markdown。

可以換行,也可以加入 inline code。

欄位一

欄位內容

欄位二

欄位內容

Footer 文字 ·
OUTPUT
import { EmbedBuilder } from "discord.js";

const embed = new EmbedBuilder()
  .setColor("#5865F2")
  .setAuthor({ name: "Discord Bot" })
  .setTitle("Embed 標題")
  .setDescription("這是 Embed 的說明文字,支援 **Markdown**。\n\n可以換行,也可以加入 `inline code`。")
  .setThumbnail("https://ray-blog-nine.vercel.app/images/discord-bot/discord-logo.png")
  .addFields(
    { name: "欄位一", value: "欄位內容", inline: true },
    { name: "欄位二", value: "欄位內容", inline: true }
  )
  .setFooter({ text: "Footer 文字" })
  .setTimestamp();
最新文章
全部 →
前端 CI/CD 與正式環境除錯:從 Pull Request 到事故排查
2026-06-24
即時資料怎麼選?Polling、SSE、WebSocket 比較
2026-06-23
前端系統設計:如何拆元件、資料流與大型專案架構?
2026-06-22
無障礙不是加 ARIA:語意化 HTML、鍵盤操作與焦點管理
2026-06-21
CSS 與 RWD 面試整理:Flexbox、Grid、定位與層疊脈絡
2026-06-19