微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Hugo 网站上的 Discord 小部件无法正常运行

如何解决Hugo 网站上的 Discord 小部件无法正常运行

我正在创建一个博客,我想将其链接到带有嵌入在页面中的邀请小部件的 discord 服务器。

博客基于 the book theme 并托管在 github 上。

我从服务器参数中获得的不和谐小部件如下:

<iframe src="https://discord.com/widget?id=784169408440303636&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandBox="allow-popups allow-popups-to-escape-sandBox allow-same-origin allow-scripts"></iframe>

但是由于某种原因,当我将该代码放入我的 Hugo 站点的任何 .md 文件中时,它就不会显示

我尝试将 url 放在链接 like this 中并且它有效,但链接用户发送到一个新选项卡,其中小部件填满了整个窗口,而它应该是 350*500 像素,所以“连接”按钮在右下角一直向下。

我想要更多的数据来为您提供更好的背景信息,但我不知道我还能说些什么。

知道如何解决这个问题吗? 我至少可以认为满足的是只有一个没有小部件的简单链接,例如 [connect to discord](<link>) 之类的东西,它会引导用户进入一个新的、正常格式的窗口(不是那个延伸的窗口),但 discrod 服务器的参数不会除了那个 html 小部件或 json API https://discord.com/api/guilds/784169408440303636/widget.json

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。