本指南介绍 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
右侧边栏
分类
- Categories Tag Column
- Categories Tracking Toggle
- Category Banners
- Category Badge Styles
- Category Groups
- Colorful Categories
- Custom Category Boxes
- 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
- Change the Like Icon to 👍
- DiscoTOC - automatic table of contents
- Discourse Gifs
- Discourse Icon
- Discourse Mermaid
- Discourse OrgChart
- Discourse svgbob
- 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
您还可以在我们的 Theme component 类别中找到更多社区创建的主题组件。
请务必浏览一下，看看所有可用的内容。
