内联代码难以看清

支持
1

Discourse 中渲染的内联代码几乎难以辨认。以下是单词 code 的序列，其中每隔一次出现就应用了代码格式：code code code code。很难区分它们之间的差异。

例如，可以对比一下它在 Stack Overflow 上的显示效果：

image
image685×121 15.8 KB

在 Slack 上则更加明显。

该如何调整才能让内联代码更加醒目呢？

2

您可以在主题的 CSS 中添加类似以下内容：

p>code, li>code, pre>code {
    background: #dcdcdc;
}

自定义 → 主题 → 编辑 CSS/HTML

3

谢谢！我会通知相关人员，并随时向您同步进展。

4

看起来这同时影响了普通代码块和内联代码。有没有办法只修改内联代码？

代码块没问题，在我看来它们不需要更多的强调：

import this
5

不太容易。你可以尝试用 CSS 属性选择器来定位它……也许可以。

代码块看起来是这样的：

<p>
    <code>some code</code>
</p>

而内联代码看起来是这样的：

<p>
    "Lorem ipsum "
    <code>some code</code>
     " dolor sit amet."
</p>

区别在于引号。

不过，你不希望保持一致，让两者拥有相同的背景色吗？

6

感谢您的所有帮助。

我们团队管理的 Discourse 社区与我们的产品紧密相关。在我们的产品中，这两种代码渲染方式并不一致，我们采用的是 Slack 的风格。

我该如何将这篇帖子标记为已解决？我实在想不出办法。

7

我们只有部分类别启用了“已解决”按钮。我刚刚将此帖子重新归类到 Support，你现在应该可以标记解决方案了。

8

谢谢，Sam。我在你的回复中看到了“解决方案”按钮，但在我想要标记为解决方案的 这条回复 中却没有看到。

我也在我对链接帖子的两条回复中看到了该按钮。

@sam，我该如何将那条链接回复标记为解决方案？或者，我该如何将 omarfilip 的任何回复标记为解决方案？

9

我认为这是热重载方面的一个边缘情况，完全刷新页面会将状态恢复到一个……嗯……良好的状态。

我已将其标记为您的解决方案。