如何将我的网站嵌入 Discord - Html

如果你是一个 Discord 服务器的管理员或者私人用户, 你可能想要将自己的网站嵌入到聊天中以便与你的 Discord 社区分享。这篇文章将教你如何将你的网站嵌入 Discord 聊天中。

使用 Discord 的网页预览功能

Discord 具有一个内置的功能, 可以允许用户在聊天中嵌入网页链接并预览网页。这个功能被称为网页预览。在 Discord 中, 你只需要将你的网站链接粘贴到聊天中, Discord 就会自动为你生成一个带有预览的链接。这看上去是最简单的嵌入网站的方法。

在聊天中发出你的网站链接: https://example.com/

注意: 如果你的网站没有被 Discord 预览处理, 那么只会在聊天中显示一个链接, 而没有预览。

使用 Discord 的 Rich Embed 功能

Discord 有一种更为高级的嵌入网站的方法, 叫做 Rich Embeds。Rich Embeds 可以让用户在聊天中嵌入一个包含自定义图像、标题和描述的网站预览。要嵌入一个 Rich Embed, 你需要使用 Discord 的 Webhook API 并在调用中提供更多信息。以下是如何在 Discord 中使用 Rich Embeds 的方式:

1. 创建一个 Discord 的 Webhook。

在你的 Discord 服务器中, 进入你想要发表 Rich Embed 的频道, 然后右击频道的名称并选择“Webhooks”。接着, 单击“创建 Webhook”并按照提示创建一个新的 Webhook。

2. 获取 Webhook 的 URL。

创建一个 Webhook 后, 下一步是获取 Webhook URL。单击刚才创建的 Webhook, 然后单击“复制 Webhook URL”。记下这个 URL, 它在下一步中将用到。

3. 简单的 Rich Embed 代码。

假设你想要嵌入下面这个网页：

网页标题: My Example Website
网页描述: This is an example website.
网页图像: https://example.com/image.png

下面是一个可以嵌入这个网页的简单的 Rich Embed 代码:

{
"embeds": [
{
"title": "My Example Website",
"description": "This is an example website.",
"thumbnail": {
"url": "https://example.com/image.png"
}
}
]
}

注意: Rich Embeds 还有很多其他属性, 例如 footer、author、color 等, 可以添加到代码中, 以创建更复杂的嵌入网站。

4. 发送 Rich Embed 到 Discord。

在你的代码编辑器中, 将上面的代码复制到一个新文件中, 然后将其中的图片地址、标题和描述更新为你自己网站的内容。将代码保存到你的服务器上, 然后使用 CURL 发送它们到你刚才创建的 Webhook URL。以下是一个可以在终端中使用的 CURL 命令:

curl -H "Content-Type: application/json" -d '{
"embeds": [
{
"title": "My Example Website",
"description": "This is an example website.",
"thumbnail": {
"url": "https://example.com/image.png"
}
}
]
}' https://your-webhook-url.com

以上就是在 Discord 中嵌入网站的两种方法, 希望对你有所帮助!