二维码分享

安装此主题组件

为可共享链接添加二维码。包括用于调整二维码样式的设置。

截图

设置

名称 描述
share_in_private 允许在私有上下文中生成二维码(需要登录的网站和私信)。
dots_color 二维码中点的颜色。
dots_type 二维码中使用的点的类型。
选项: rounded, dots, classy, classy-rounded, square, extra-rounded
corners_square_color 二维码中方形角的颜色。
corners_square_type 二维码中方形角的类型。
选项: dots, square, extra-rounded, dot, rounded, classy, classy-rounded
corners_dots_type 二维码角中使用的点的类型。
选项: dot, square, dots, rounded, classy, classy-rounded, extra-rounded
background_color 二维码的背景颜色。
image 要嵌入二维码中的图像。如果未提供,则正常生成二维码,不带图像
image_hide_background_dots 背景点应隐藏在图像后面。
image_margin 二维码中嵌入图像周围的边距。单位为 px
image_size 嵌入图像相对于二维码的大小。这是一个从 01 的比例

注意事项

在阅读了一些功能请求(Create a QR code for inviteshttps://meta.discourse.org/t/possible-to-share-a-post-by-save-a-picture-with-a-qr-code/190012)后,我喜欢上了为可共享链接添加二维码的想法。目前这仅涵盖了共享主题和帖子,因为创建邀请模态框没有任何插件出口或使用共享 API。

这使用了 https://www.npmjs.com/package/qr-code-styling 包来定制二维码。

16 个赞

那应该如何分享?我只习惯于从印刷媒体使用二维码🤷‍♂️

3 个赞

这在您想与之共享主题的人能够看到您的屏幕的情况下很有用(例如,在移动设备上快速显示二维码)。您可以保存二维码,因为它是一个 HTML canvas 元素,可以通过右键单击并保存到图像来完成。

4 个赞

在 iPad 上无法保存或复制。

1 个赞

Agh, I knew I was forgetting something leaving it in HTML canvas. I’ve pushed out a fix that will convert it into a png.

5 个赞


感觉有点奇怪,中间可以像下面的图片一样镂空,就像二维码一样。

2 个赞

太棒了,谢谢!

这是一个应该以某种方式弥补的不足之处?二维码邀请将是史诗级的!

8 个赞

已推出修复。image hide background dotsimage margin 现在应该可以正常工作了。

5 个赞

为核心贡献了一个 PR,增加了几个新的插件出口!不确定为什么邀请中没有使用共享 API,所以我将 PR 保留在插件出口。

7 个赞

和团队聊聊那件事。

6 个赞

如何使其适用于帖子?我只能获取主题:

我现在得到的是:

我也很贪心,希望能够(即生成二维码)为我网站上的任何链接原生实现此功能!!

4 个赞

我喜欢这个主题组件!在我的家庭论坛上,我有一个关于操作方法的类别,例如如何保持猫砂盆清洁。我已经在考虑打印简短的说明放在猫砂盆旁边。该说明可以包含一个指向论坛的二维码,以获取详细说明。我可以在其他地方使用 URL 创建它,但我喜欢直接在 Discourse 中完成。

有趣。你能迁就我一下,讲讲这个如何改进邀请系统的史诗故事吗?二维码邀请将如何以及在哪里共享,以及如何接受?你能分享其他平台的先例,展示其他人是如何这样做的吗?另外,你设想在邀请系统中在哪里可以找到二维码?

你使用的是新的共享链接。它只抓取用于共享的 URL,没有模态框。如果你转到帖子菜单站点设置,你可以启用原始共享帖子菜单项,该菜单项现在也会显示二维码。你也可以点击帖子时间戳来访问原始共享弹出窗口。

5 个赞

我从未注意到帖子时间戳连接着共享弹出窗口!我不得不承认,这是一个很好的隐藏它的地方,而且更简洁的共享链接对于最常见的用途来说确实是有意义的。

值得注意的是,我的安卓手机(Pixel 7 Pro)会自动生成二维码;这对于邀请弹出窗口也有效。这才是我的主要用例。虽然我从未真正调查过这一点。啊,发现之旅!

不过它们不像这个 TC 生成的那么漂亮!

3 个赞

哦!是的。这已经在 Android 上实现了。谁知道呢!太棒了!:rocket: 感谢您的指导。所以它已经很棒了!

但是等等!

我在 iOS 上看不到此选项?:green_apple:

在 iOS 上我没有看到二维码选项?

2 个赞

生成二维码的成本高吗?如果不高,为什么不让它在共享模态框中自动显示,而不是需要选择一个按钮来显示它?

成本为零,其余的只是编码。但对大多数人来说,二维码只是噪音,所以它不能直接可见。

2 个赞

名片。使用 discourse 的公司可以为其加入平台提供 QR 码。或者,同样可以用于活动海报等。

编辑:刚看到 Rob 关于 Android 的帖子。但是,正如你自己所说。更喜欢在 Discourse 中完成
:wink:

3 个赞

正如 @Jagster 所说,生成二维码的成本并不高,主要取决于个人对二维码的关注度和即时性的品味。TC 舒适地利用了共享 API(以及一些 DOM 操作)来显示二维码,有效地将其与其他共享源置于同一级别。这或多或少地符合我将二维码视为发送信息的次要方法的看法。然而,自从我开始在美国境外度假以来,我对二维码在现实世界中的普及程度感到非常震惊。

我可以考虑在设置中添加一个“即时二维码”选项,但我可能需要重新审视二维码的放置方式/位置。老实说,目前在模态框中(无论是桌面版还是移动版)的二维码位置,通过 DOM 操作显得非常牵强。理想情况下,在桌面视图中,一个与“复制链接”按钮同等重要的二维码将占据模态框的整个右侧,但这需要一个新的插件出口和大量的 CSS 更改。目前共享模态框中只有一个插件出口,就在“新主题”按钮旁边,我真的想避免进行复杂的 CSS 操作或使用更多的 DOM 操作。

简而言之: 我会再仔细考虑一下,等假期回来后再决定添加“即时二维码”设置是否值得付出额外的努力。

4 个赞

当我使用图片时,我没有得到二维码。使用的格式、大小等有什么要求吗?

2 个赞

嗯,那很奇怪。图片本身不应该有什么特别严格的要求……

您使用的是什么图片和图片大小设置?