如何在帖子中显示任意按钮？

[adamengst (Adam C. Engst)]

我想为我们论坛上的偶尔发帖创建一个按钮，例如，让人们清楚点击什么可以注册比赛、报名成为志愿者或为筹款活动捐款。看起来大致像下面这样：

如果 Discourse 支持（它似乎不支持），我会使用类似这样的代码。

<span style="display: inline-block; background-color: #7b38d8; padding: 20px; width: 200px; color: #ffffff; text-align: center;">
  Button
</span>

有没有办法在临时、单个帖子中实现类似的功能？

谢谢！

[jordan-violet]

这可以吗？

Button!

[<kbd>Button!</kbd>](google.com)

[adamengst (Adam C. Engst)]

谢谢！这确实朝着正确的方向发展了，不过我希望有一些可以通过 CSS 进行调整的东西，这样我们的用户就能从我们做的其他事情中熟悉这些样式。

[jordan-violet]

在这种情况下，我认为这就是您所需要的：

How to embed a button into a Topic Post

Introducing the amazing embedded button - the ultimate solution for spicing up your topic posts! With just a click, you can add a whole new dimension to your content and leave your readers in awe. Plus, our embedded button comes with a 100% satisfaction guarantee - if you’re not completely satisfied with its awesomeness, we’ll give you your money back (just kidding, it’s totally free)! So why wait? Get your hands on our embedded button today and join the cool kids’ club! I have created some cal…

[adamengst (Adam C. Engst)]

这正是我想要的，谢谢！剩下的我自己来……

[Canapin (Coin-coin le Canapin)]

有一个关于如何使用自定义内容（如按钮）来自定义帖子的完整教程：

Customize posts' contents with your own styles

Requirements To be able to use these tips and tricks, you need to be an administrator of either a self-hosted Discourse instance or a Discourse-hosted plan higher than Basic. Introduction Discourse supports several methods to format and customize a post’s contents. You can find the list here: But sometimes, you’ll want something more specific, for example, a link that looks like a button. [Green button] This is the kind of modification we’ll learn here. The logic I’l…

[adamengst (Adam C. Engst)]

我看到了——谢谢你写了它！

出现了一个问题——自定义元素在电子邮件通知中会怎样处理？

[Canapin (Coin-coin le Canapin)]

好问题

显示为

我猜通过电子邮件发送的 HTML 生成的包装不会带样式。

[adamengst (Adam C. Engst)]

知道了，谢谢。它降解得很好，但文本必须小心，不要称其为按钮之类的。

[MikeNolan]

Discourse 托管的网站可以编辑 CSS 吗？

[JammyDodger]

在标准套餐及以上版本。 您可以创建一个主题组件并在其中进行更改，然后将其附加到您的主题。