如何通过CSS调整“现代类别+分组框”缩略图的大小

[Lilly (Lillian)]

既然您似乎对自定义 Discourse 实例很感兴趣，或许以下主题能帮到您：

Discourse 主题使用入门指南

这是一门关于 Discourse 主题基础知识的速成课程。本指南面向所有不熟悉 Discourse 主题的用户。如果您已经使用过 Discourse 主题或主题组件，那么您可能不需要阅读本指南。 什么是主题和主题组件？ 主题或主题组件是一组打包在一起的文件，旨在修改 Discourse 的外观或添加新功能。 让我们先从主题开始。 主题 通常，主题之间并不兼容，因为它们本质上是不同的独立设计。您可以将主题想象成皮肤，或者 Android 上的启动器。您可以安装多个启动器，但不能同时使用两个。您的默认 Discourse 安装包含两个主题：Foundation 和 Horizon。 Foundation 是一种简洁、经典的 Discourse 外观，而 Horizon 则提供了一种更现代的设计，并提供多种配色方案供选择（例如 Horizon、Royal、Clover、Lily、Violet 和 Marigold——每种都有浅色和深色变体）。 Foundation [image] 以及 Horizon [horizon-latest] 假设这还不够，您想要更多。没关系…

在您的网站上进行自定义CSS更改

本指南介绍了如何在 Discourse 网站上进行 CSS 更改，包括 CSS 简介、在 Discourse 中添加 CSS 的位置以及如何使用浏览器检查工具查找正确的选择器。 所需用户级别：管理员 摘要 本指南涵盖： CSS 简介和关键概念 如何使用主题组件将 CSS 添加到 Discourse 网站 使用浏览器检查工具查找正确的 CSS 选择器 理解 CSS 基础知识 CSS 代表层叠样式表。以下是三个需要理解的关键概念： 结构：CSS 规则由选择器、属性和值组成。 p { color: red; } 选择器：p（定位所有 HTML <p> 标签） 属性：color 值：red [breakdown of a CSS rule] 层叠：最后应用的规则优先。例如： p { color: red; } p { color: green; } 段落将显示为绿色，因为这是最后应用的规则。 特异性：更具体的规则会覆盖不那么具体的规则。例如： div p { color:…

开发 Discourse 主题和主题组件

Discourse 主题（Themes）和主题组件（Theme Components）可用于自定义 Discourse 前端的观感和功能。本开发者指南部分旨在提供您所需的所有参考资料，以便开发简单的单站点主题，直至复杂的开源主题组件。 本介绍旨在提供主题开发所有工具和 API 的概览。如果您更喜欢主题开发的循序渐进教程，请直接跳转至： 主题与主题组件 Discourse 主题 可用于使用 CSS 和 JavaScript 自定义前端用户体验。每个主题都有自己的 Git 仓库，社区管理员通常可以通过 Discourse 管理面板安装和管理它们，即使在共享主机平台上也是如此。 主题组件 是旨在与其他主题组件一起作为整体主题一部分的主题。从开发角度来看，主题组件和主题几乎是相同的。在本指南中，“主题”和“主题组件”一词可互换使用。 先决条件 首先，请确保您了解 如何在 Discourse 中使用现有主题和主题组件。使用现成的（ready-made）主题是定制社区最快、最安全的方法。如果您需要更多功能，那么就该考虑编写自己的主题了。 作为 Discourse 整体架构 的一部分，…

主题开发者快速参考指南

随着主题功能日益强大，需要了解的内容也越来越多。我们在 #theme-guides 标签下提供了大量详细文档，但如果你只是需要一些内容来唤起记忆，本指南或许能帮到你。 通用资源 初学者指南 设计师指南 开发者指南 主题创建器 主题 CLI 主题目录 组件目录 主题修饰器 可主题化的站点设置 文件/文件夹结构 阅读更多 about.json settings.yml common/, desktop/, mobile/ {common|desktop|mobile}.scss head_tag.html header.html after_header.html body_tag.html footer.html embedded.scss (仅限 common) locales/ en.yml .…

学习如何为Discourse开始搭建东西，如果你是新手（就像我一样）

There are a few ‘how to start’ guides for working with Discourse already and a wealth of useful info on meta, but I thought it might help to give an insight to the mental processes of starting from little, if any, prior coding experience to building substantial Discourse plugins. Discourse is written by experienced developers and has a large codebase. This can feel intimidating. This intimidation factor can be a significant barrier for novice developers. This is a kind of ‘psychological primer’…