# 在我的论坛中近似 Meta 的设计风格

**URL:** <https://meta.discourse.org/t/approximate-metas-design-in-my-own-forum/404432>\
**Category:** Support\
**Created:** [2026年六月3日 14:38 UTC](https://meta.discourse.org/t/approximate-metas-design-in-my-own-forum/404432 "2026-06-03T14:38:36Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![alehandrof](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alehandrof/32/119526_2.png) [@alehandrof](https://meta.discourse.org/u/alehandrof)\
**Post date:** [2026年六月3日 14:38 UTC](https://meta.discourse.org/t/approximate-metas-design-in-my-own-forum/404432/1 "2026-06-03T14:38:36Z")

</div>

大家好，

有人能建议我们如何在论坛中近似实现 Meta 的设计风格吗？

我特别关注以下几点：

- 默认隐藏侧边栏
- 在帖子列表上方高亮显示特定分类
- 移除“最新 / 分类 / 新帖”选项，以及“分类”和“标签”下拉菜单
- 自定义侧边栏
- 分类名称下方的描述

 ![Screenshot 2026-06-03 at 17.36.18](https://global.discourse-cdn.com/meta/original/4X/3/3/a/33a3dcc2ee5b8907922d176a51061e9cef7cf22f.jpeg)

 ![Screenshot 2026-06-03 at 17.40.10](https://global.discourse-cdn.com/meta/original/4X/6/9/5/695bbf8f5958e42cd61d54fcb96c41d47b2cf142.jpeg)

---

<div class="post-metadata">

**Author:** ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)\
**Post date:** [2026年六月3日 15:08 UTC](https://meta.discourse.org/t/approximate-metas-design-in-my-own-forum/404432/2 "2026-06-03T15:08:13Z")

</div>

> [@alehandrof](#):
>
> - 默认隐藏侧边栏

这仅在像该主题那样使用[自定义主页](https://meta.discourse.org/t/using-the-new-custom-homepage-feature/302496)时才可行。该主题也使用了新的[Blocks API](https://github.com/discourse/discourse/pull/36810)。

关于该主题的通用说明，您可能觉得以下内容有帮助：

> [@Rebuilding the Meta Branded theme: New icons, a custom homepage, and a first look at the Blocks API](https://meta.discourse.org/t/rebuilding-the-meta-branded-theme-new-icons-a-custom-homepage-and-a-first-look-at-the-blocks-api/400013#p-1962288-custom-homepage-via-theme-modifier-5):
>
> We’ve just shipped a second iteration of our theme rebuild. While the first update was a visual refresh built on top of the previous Meta Branded theme, this version is essentially a new theme rebuilt from scratch. The new brand language was already introduced with the previous release, so there isn’t that much visible change on that front. What’s changed significantly with this update is the theme implementation itself, and what it showcases about where we’re heading with Discourse customizatio…

---

<div class="post-metadata">

**Author:** ![Andrew\_Rowe](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/andrew_rowe/32/445877_2.png) [@Andrew\_Rowe](https://meta.discourse.org/u/Andrew_Rowe)\
**Post date:** [2026年六月3日 15:53 UTC](https://meta.discourse.org/t/approximate-metas-design-in-my-own-forum/404432/3 "2026-06-03T15:53:08Z")

</div>

> [@alehandrof](#):
>
> - 默认隐藏侧边栏

我喜欢默认隐藏侧边栏所带来的简洁外观，尤其是对未登录用户而言。我的网站可能因为线下活动的曝光而吸引大量一次性访客，新用户可能会因菜单而感到困惑。会员们知道在需要时去哪里找菜单，因此我希望它默认隐藏。

幸运的是，Don 开发了一个非常简单的组件，正好实现了这一功能：

> [@Can I default to a hidden sidebar?](https://meta.discourse.org/t/can-i-default-to-a-hidden-sidebar/252984/4?u=andrew_rowe):
>
> Hello Nolo, I’ve made a component to achieve this. I hope it helps slightly_smiling_face[https://github.com/VaperinaDEV/closed-sidebar-by-default](https://github.com/VaperinaDEV/closed-sidebar-by-default)

> [@alehandrof](#):
>
> - 在帖子列表上方高亮显示某些分类

我使用“精选话题”组件来实现类似的效果：

> [@Featured Topics](https://meta.discourse.org/t/featured-topics/217580?u=andrew_rowe):
>
> discourse2Summary Feature topics based on tags.hammer_and_wrenchRepository Link [Manuel Kostka / Discourse / Components / Featured Topics · GitLab](https://gitlab.com/manuelkostka/discourse/components/featured-topics)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Settings Among other options, you can se…

但我通过 CSS 对其进行了自定义——[详情在此](https://meta.discourse.org/t/featured-topics/217580/58?u=andrew_rowe)

> [@alehandrof](#):
>
> - 移除“最新”、“分类”、“新”选项，以及“分类”和“标签”下拉菜单。

我认为下拉菜单也会给新用户带来杂乱感，因此我将其隐藏，并使用面包屑组件来弥补下拉菜单缺失后的导航需求。

[面包屑组件及我的自定义链接](https://meta.discourse.org/t/breadcrumb-links/325372/44)

[隐藏下拉菜单的详情链接](https://meta.discourse.org/t/remove-categories-and-tags-buttons/392483/5)

> [@alehandrof](#):
>
> - 在分类名称下方显示描述

这个组件或许能帮上忙：

> [@Category Banners](https://meta.discourse.org/t/category-banners/86241?u=andrew_rowe):
>
> discourse2Summary Category Banners uses existing category details to create banners for your category pages (for tags check out [Discourse Tag Banners](https://meta.discourse.org/t/discourse-tag-banners/124240)).eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/category-banners)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-category-banners](https://github.com/discourse/discourse-category-banners)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features Category Banners uses existing category details to cr…

我并非主要推荐我的自定义方案，而是希望展示各种可用组件配合少量 CSS 如何定制 Discourse 论坛的外观，从而更好地满足不同社区和不同需求。

---

<div class="post-metadata">

**Author:** ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)\
**Post date:** [2026年六月3日 16:01 UTC](https://meta.discourse.org/t/approximate-metas-design-in-my-own-forum/404432/4 "2026-06-03T16:01:22Z")

</div>

> [@Andrew\_Rowe](#):
>
> 幸运的是，Don 制作了一个非常简单的组件，正好能实现这个功能

哦，太酷了，总有新东西可以发掘，哈哈

---

<div class="post-metadata">

**Author:** ![alehandrof](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alehandrof/32/119526_2.png) [@alehandrof](https://meta.discourse.org/u/alehandrof)\
**Post date:** [2026年六月4日 13:05 UTC](https://meta.discourse.org/t/approximate-metas-design-in-my-own-forum/404432/5 "2026-06-04T13:05:26Z")

</div>

感谢您提供的有用资源！

我原本希望在首页展示分类，而不是主题。我尚未找到任何功能类似于新版 Meta 首页的内容。

---

<div class="post-metadata">

**Author:** ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)\
**Post date:** [2026年六月8日 09:55 UTC](https://meta.discourse.org/t/approximate-metas-design-in-my-own-forum/404432/6 "2026-06-08T09:55:58Z")

</div>

我在 [主题和区块创作技能](https://meta.discourse.org/t/skills-for-authoring-themes-and-blocks/401629) 中分享了一个示例主题。它采用了与 Meta 主题相同的方法，并渲染了一个带有特色区块的自定义主页。

该主题没有专门的特色分类区块，但您也可以查看 [特色分类标题](https://meta.discourse.org/t/featured-categories-header/203779)。
