 |
摘要 | 为主题所有者的帖子添加徽章。 |
 |
仓库 | https://github.com/VaperinaDEV/author-badge-for-topic-posts |
 |
安装指南 | 如何安装主题或主题组件 |
 |
刚接触 Discourse 主题？ | Discourse 主题使用入门指南 |
安装此主题组件
你好 
通过这个主题组件，你可以在主题所有者的帖子中添加徽章标签。这在大型主题中非常有用，因为你可以清楚地看到谁是原始发帖人。
过滤器
该组件的结构，可以单独定位移动端和桌面端视图。此外，可以单独定位每个类别，从而自定义在哪些类别和视图中显示作者徽章。
这可以通过主题设置实现：
你需要添加 3 个参数才能使该组件正常工作。
-
view-type
- desktop
- mobile
-
category-name
- 这是你要定位的类别，例如“support”
-
author-label
- 徽章标签，例如“Author”
示例：
移动端通常空间较小，有时在移动端添加简短版本会很棒。
现在，我为 discourse 类别设置了一个作者徽章，在桌面端将显示“Author”文本，在移动端将显示“OP”文本。
好的，但如果我想在其他类别中使用不同的文本呢？它们必须单独设置吗？当然不是。
如果你将 view-type 或 category-name 或两者都留空……它将全局应用，而不会覆盖现有的。
示例：
我为其他类别添加了 2 个使用“Original Poster”文本的徽章，并在桌面端和移动端视图中为视频类别添加了“Director”文本。
为此，只需将这些部分留空，并输入分号而不留空格
另一个示例，如果你只想为所有类别和所有视图类型使用例如“Author”。使用以下方法：两个分号（不带空格）和 Author
;;Author
位置
让我们看看你可以添加徽章的位置……
你可以在主题设置中为桌面端和移动端视图分别选择 3 个位置。
这两个设置 
桌面端
author badge location desktop
- below-user-avatar
- after-user-names
- below-user-names
below-user-avatar（空间有限：它使用主题头像的宽度）（固定） 最好选择一个较短的标签
after-user-names
below-user-names
移动端
author badge location mobile
- below-user-avatar
- after-user-names
- above-user
below-user-avatar（空间有限：它使用主题头像的宽度） 最好选择一个较短的标签
after-user-names（空间有限） 最好选择一个较短的标签
above-user
定制
最后让我们看看一些定制选项。
在这里，你可以像颜色、字体样式、圆角等一样定制作者徽章。
例如：
这个使用了以下值。
这些颜色变量可能不会在你的网站上使用相同的颜色，这取决于你的配色方案。
你可以制作出各种酷炫的作者徽章。 
我将在 RTL 中修复这些问题。我已合并 
但作为我站不住脚的辩护，当时是凌晨 3 点。哈哈
