在 Markdown 中添加灰色区域

Question

我目前正在编辑 readme.md 文件，我想放置一些像这样的文本块灰色区域。

他们使用```javascript注释开始以灰色书写，但是当您需要向文本添加链接时会出现问题。

还有其他选项可以提供灰框吗？

更新：

安全

-摘要

• 测试 123
• 遵循 测试

假设我希望 Test 123 文本和后续文本位于灰色区域（如代码）内，我该如何实现？这里的问题在于以下部分中的 URL...

更新 2

## Test 
   <a name="Test"></a><a name="1.1"></a>
   - **Abstract**
    - Test 123
    - Follow  [testing artifacts](http://2.bp.blogspot.com) (more Unit )

Answer 1

您指向的行为是使用代码块。代码块的唯一目的是显示原始代码。GitHub 选择应用将背景颜色更改为灰色的样式这一事实是巧合。他们可以很容易地选择任何其他颜色或根本不选择。

如果您希望文本块与众不同，但仍作为普通 Markdown 文本呈现，那么您绝对不想要代码块。还有一些其他选项可用。

你可以使用一个块引用：

 > - Test 123
 > - Follow  [testing artifacts](http://2.bp.blogspot.com) (more Unit )

同样，实际样式将取决于您将 Markdown 发布到的站点上定义的样式。每个站点可能不同。在 StackOverflow 上，您会看到一个黄色（橙色？）框，如下所示：

• 测试 123
• 跟踪 测试工件（更多单元）

在 GitHub 上，您会在左侧看到一个灰色条并且没有背景阴影，但这可能是您能做的最好的事情。

另一种选择是使用原始 HTML 来定义您自己的块。但是，出于安全原因，GitHub 会将其删除。

GitHub 可能不会去掉一个简单的<div>，但还有其他各种问题。首先，根据 Markdown规则，“Markdown 格式化语法不在块级 HTML 标签内处理。” 虽然一些 Markdown 实现添加了一种在块级 HTML 中强制进行 Markdown 处理的方法，但 GitHub 似乎并不支持它们中的任何一个。

然后是如何设置 div 样式的问题。您可以分配一个类，但是如何定义 CSS 来设置该类的样式？您不能在 Markdown 中包含 CSS（GitHub 会将其删除）。虽然可以包含内联样式（使用 上的style属性div），但 GitHub 也删除了该style属性。

如果您真的想完全控制文档的外观，那么您需要在自己的服务器上托管自己的站点。当使用像 GitHub 这样的网站时，你会被他们的选择所困扰。