如何在Discord中制作带头像和页脚的网站嵌入（类似推文样式）

要在Discord分享论坛链接时生成带作者圆形头像、页脚发布日期的嵌入效果，需要补充Open Graph（OG）和Twitter Card的专属Meta标签，Discord会优先解析这些标签来渲染样式。以下是修改后的完整代码及说明：

修改后的代码 #

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><%= title %></title>
<meta name="description" content="<%= description %>"/>

<!-- 基础OG标签（调整+新增） -->
<meta property="og:url" content="<%= link %>" />
<meta property="og:site_name" content="<%= title+'B' %>" />
<meta property="og:type" content="article" /> <!-- 改为article类型，适配内容场景 -->
<meta property="article:published_time" content="<%= publishDate %>" /> <!-- 页脚日期，需ISO 8601格式，如2024-05-20T14:30:00Z -->

<!-- Twitter Card标签，实现作者头像+推文样式 -->
<meta name="twitter:card" content="summary" /> <!-- 指定摘要卡片样式 -->
<meta name="twitter:creator" content="<%= authorName %>" /> <!-- 作者名称 -->
<meta name="twitter:image" content="<%= authorAvatar %>" /> <!-- 作者方形头像（1:1比例，Discord自动裁为圆形） -->

<!-- 保留原有标签（按需调整） -->
<meta property="og:image" content="<%= icon %>" /> <!-- 可选：嵌入主图，若不需要可移除 -->
<meta data-react-helmet="true" name="theme-color" content="<%= '#'+color %>"/>
</head>
<body>
</body>
</html>

关键配置说明 #

• 页脚发布日期：article:published_time必须传入ISO 8601标准格式的时间字符串（如2024-05-20T14:30:00Z），Discord会自动将其渲染为嵌入底部的时间戳。
• 作者圆形头像：twitter:image需传入1:1比例的方形图片（推荐尺寸≥48x48px），Discord会自动裁剪为圆形，搭配twitter:creator的作者名称显示在嵌入头部。
• 样式适配：将og:type改为article，Discord会采用更贴合内容类链接的渲染逻辑，配合Twitter Card标签实现类似推文的布局。

注意事项 #

• 若不需要嵌入主图，可移除og:image标签，此时Discord会仅显示作者头像、标题、描述和时间戳，更贴近推文样式。
• 测试前需确保所有变量（publishDate、authorName、authorAvatar）已正确赋值，可通过Discord的链接预览功能实时验证效果。

内容的提问来源于stack exchange，提问作者Gwanox