在降价处添加灰色区域

Question

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

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

是否有其他选项可以提供灰框？

更新

安全

    - 摘要

• 测试123
• 关注testing

让我们说，我希望测试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

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

如果您希望一个文本块突出显示为不同但仍然呈现为正常的Markdown文本，那么您绝对不需要代码块。还有其他一些选择。

您可以使用blockquote：

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

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

  

  
• 测试123
  
• 关注testing artifacts（更多单位）
  

在GitHub上，左边有一个灰色条，没有背景阴影，但这是你可以做的最好的。

另一种方法是使用原始HTML来定义自己的块。但是，出于安全考虑，GitHub会将其删除。

GitHub可能不会删除简单的<div>，但还有其他各种问题。首先，根据Markdown rules，“Markdown格式化语法不会在块级HTML标记中处理。”虽然一些Markdown实现添加了一种在块级HTML中强制Markdown处理的方法，但GitHub似乎不支持任何一种。

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

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

Answer 2

Github使用自己的降价标记Github Flavoured Markdown。您想要的效果基本上只是在<code>标签中包装文本。这可以通过以下方式实现：

1. 将代码块缩进四个空格
2. 将代码块包装在三组反引号中，在第一组语法高亮后使用可选语言。
3. 在一组反引号中包含一些内联代码

前两个还将代码包装在<pre>标记中以进行格式化。

请注意，颜色不一定是灰色的。如果您的网站使用Markdown，您可以使用CSS正常更改它。

通常，在代码块中包含链接是没有意义的。