如何阻止 Discourse 更改论坛设计？

支持
1

几周前我曾就此事发过帖子，但现在找不到了。我不知道是不是管理员删除了它，还是其他原因。无论如何，我的问题依然存在：我的论坛设计每隔一周左右就会发生变化，我希望停止这种情况。

上次我没有确凿的证据，但现在有了：

image
image1036×942 80.5 KB

正如您在上面的图片中看到的，我的分类描述出现了奇怪的缩进。这是新出现的情况。几周以来，这部分内容一直完美对齐，但今天我进入论坛时，突然一切都乱套了。

正如我所说的，这种情况以前发生过，我曾发帖反映却未得到妥善解决。为什么会这样？我该如何预防？

可想而知，花几个小时精心完善论坛设计，结果它却不断自行改变，迫使我不得不反复发现并修复这些问题，这确实令人非常烦恼。您可以在这里找到我的论坛。

谢谢！

2

我无法说明具体原因，可能是 Discourse 的某个新更新（或您使用的某个主题或插件）更改了 CSS。您是否使用了自定义主题？

如果您可以修改网站的 CSS，以下方法可能对您有帮助：移除（或修改）应用于徽标的边距（在 HTML 浏览器中，每个分类项对应的选择器为 .ember-view > a.category-title-link > div.category-logo.aspect-image）：

.category-logo.aspect-image { 
    ...
    margin: 0.33em 2em 2em 0; # 移除
}

上述 CSS 会导致描述文字向右偏移。如果您移除该边距，然后为描述文字添加左边距并移除其左内边距以保持对齐，应该可以解决您的问题（不过我尚未进行详尽测试）：

.categories-list .category .category-description {
    margin-left: 75px;
    padding: 0;
}

至于为何会出现这种情况，以及未来是否还会发生类似情况，Discourse 团队或许能提供更详细的解释。

3

当您的站点自动更新时，它会获取我们在一次部署与另一次部署之间所做的所有更改。如果您仅修改站点的 CSS，通常不太可能导致问题（更有可能的情况是，由于某些元素被重构或更改，导致部分功能失效）；但如果您修改模板或使用 JavaScript 脚本，那么在我们进行某些更改时，更容易出现破坏性影响。

尽管我们在进行可能影响托管站点和自托管站点的重要更改时，会尽量做到前瞻性，并在 #feature:announcements 类别中创建专门的主题进行说明，但对于较小的更改，我们通常仅在 GitHub 上列出，直到新的测试版发布。

正如 @lucasbasquerotto 所说，您可以轻松修复代码，但我们无法提前通知您我们将进行的任何更改，也无法在部署到站点之前发出警告。

4 个赞
4

我只修改了网站的 CSS，因为我不是开发者，也不知道如何操作其他内容。

我论坛使用的主题是我在你们网站的这里找到的 Zeronoise 主题。

感谢你的回复！不过，这还没能帮我理解我哪里做错了。如果你能告诉我具体错在哪里，我就可以停止那样做。我安装的所有主题和主题组件都来自你们。在这些主题中，我唯一修改的就是 CSS。

是我加载主题的方式不对吗？请帮我看看我漏掉了什么，因为我真的很想解决这个问题，这样我就不用每隔几周就面对网站设计随机变化的情况了。

5

嘿，谢谢你！我会运行一些测试！

6

因此，你只需要在该主题帖子中报告此问题，该主题的创作者就会妥善修复。修复完成后，你只需更新该主题即可。

1 个赞
7

看起来我似乎缺少关于 Discourse 生态系统的一些关键信息，导致无法完全理解您的提议。因此，如果我的主题“出错了”，我是否必须联系主题创作者来修复该主题？主题为什么会首先出现问题？

我是否只需告诉主题创作者：“嘿，我的文字以前在这里，现在却在那里了。您能修复一下吗？”然后主题创作者会修改主题中的某些代码，接着我必须重新下载该主题，将其重新上传到 Discourse，并粘贴旧版本中的 CSS 调整（以便我的设计调整能够延续），之后它才会恢复正常显示？

而且，随着 Discourse 的更新不断改变我的设计布局，我是否每隔几周就要重复这个过程？

其他用户是如何解决这个问题的？我猜想大多数人都会对自己的主题进行 CSS 调整，对吧？

8

这种脆弱性可能取决于你编写 CSS 的方式。能否提供一些示例，说明你最近是如何在出问题的区域覆盖样式的？另外，你的论坛是公开的吗？如果能看看你的论坛样式与默认主题有何不同，将会非常有帮助。

9

我的论坛可以在此查看：https://forum.actionvfx.com/。

第一个问题与我的容器宽度有关：

image
image2168×720 127 KB

在我最终确定界面样式大约一周后，我访问了论坛，发现容器明显变窄了。原本需要两行显示的文本，现在却需要三行或四行。

第二个问题是我在本帖中要报告的问题：我的文本随机出现对齐错乱。

我有些担心，因为我的 28 天试用期甚至还没结束，却已经遇到了两次这种情况。

10

有官方主题（由 Discourse 团队创建，例如浅色和深色主题）和非官方主题。如果官方主题出现问题，Discourse 团队应负责修复；但如果是非官方主题出现问题，您应联系主题创作者进行修复。毕竟，让 Discourse 团队修复每一个出问题的主题是不现实的（任何人都可以在本论坛发布主题，包括您和我）。

导致 CSS 失效的很可能是 Discourse 团队所做的某项更改无意中影响了该主题的 CSS。在这种情况下，应由主题创作者进行修复，或者您可以 fork 他们的仓库并自行修复更改。您也可以在 Marketplace 频道聘请专人协助。这可能不是您期望的结果，但不幸的是，对于非官方主题，我们在此能做的确实有限。不过好消息是：正如我在之前的帖子中所示，修复起来似乎很简单。

话虽如此，该主题似乎归 Discourse 所有，因为其仓库地址为：

因此，除非我有所遗漏，否则您可以向 Discourse 团队提出请求。

您可以通过访问安全模式来确认问题确实出在该主题上：https://forum.actionvfx.com/safe-mode

然后，仅禁用该主题并点击确定：描述内容就会对齐。

2 个赞