本指南介绍了 Discourse 主题组件，以及如何利用现成的组件来自定义您的站点
所需用户级别：管理员
主题组件是用于更改论坛设计表面元素或添加额外前端功能的自定义项。与完整主题相比，主题组件更小且更具针对性，通常（尽管并非总是）可以与其他主题组件组合使用，以创建专为您的社区量身定制的独特论坛设计。
虽然如果您具备相应技能，完全可以创建自己的自定义主题组件，但能使用现有组件时，直接使用会容易得多。您可以更改主题列表中包含的列，添加额外的导航选项，设置可自定义的横幅，甚至为社区在其游戏主题中提供一个有趣的掷骰子功能。我们有一整套由 Discourse 团队维护的 official 组件，此外还有一个类别专门收录社区贡献的组件，因此选择非常丰富。
以下是我们的 official 组件，助您入门：
官方主题组件
官方主题组件这些是由 Discourse 团队维护的主题组件 - 官方主题组件
主题列表
- Add Category Column
- Add Likes Column
- Avatar Size and Shape
- Clickable Topic
- Featured Tiles
- Halloween Decorations 👻
- Hide Users Column
- Homepage Feature
- Show Original Poster Avatars
- Topic List Author
- Topic Cards
- Topic List Excerpts
- Topic List Thumbnails
右侧边栏
分类
- Alternative Voting Category Style
- Categories Tag Column
- Categories Tracking Toggle
- Category Banners
- Category Badge Styles
- Category Groups
- Colorful Categories
- Follow Category Button
- Gated Topics in Category
- Group Categories Page Override
- Hide Muted Categories
- Showcased Categories
- Topic Count in Category Boxes
标签
页眉和页脚
- Brand Header
- Custom Header Links
- Custom Header Links (icons)
- Easy Responsive Footer
- Header Submenus
- New Topic Header Button
- Thin Header
- Custom Logo Link
导航和筛选
- Compact Navigation
- Custom Top Navigation Links
- Header Categories Navbar
- Topic Status Filter
- Unanswered Filter
横幅
搜索
登录和注册
用户
帖子
- Auto-Linkify Words
- Blog Post Styling
- Change the Like Icon to 👍
- 📄 Copy Post Component
- DiscoTOC - automatic table of contents
- Discourse Gifs
- Discourse Icon
- Discourse Mermaid
- Inline PDF Previews
- Insert Video
- Placeholder Forms
- Raw Post Button
- Remove Name Suppression on Posts
- Reply Template
- Scrollable Post Content
- Share Link Shortener
- Social Share
代码和代码块
- Codeblock Theme Picker
- Custom Code
- Customized Inline Codeblocks
- GitHub Status Indicators
- Unformatted Code Detector
额外功能
开发者工具
其他
- Add To Home Screen (iOS, iPadOS)
- Customize new topic button text
- Discourse Docs Card Filter
- Google Fonts
- New PM Dropdown Button
- Optional Mobile Title Header
- Sidebar Theme Toggle
- Status Page (Atlassian)
- Topic Footer Buttons
您还可以在我们的 Customization > Theme component 类别中找到更多社区创建的主题组件。
请务必浏览一下，查看所有可用的内容。
