本指南介绍 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
您也可以在我们的 #theme-component 类别中找到更多社区创建的主题组件。
请务必浏览并查看所有可用的内容。
