github - 如何在 Github Flavored Markdown 中创建一个好看的通知或警告框？

Question

我正在寻找一些简单的东西，比如三重反引号，但这仍然允许在里面使用其他 Markdown 语法。
这不是三次反引号的情况，因为它用于代码块:

**NOTE:**
Find the docs [here](http://example.com/).

里面的所有东西都是字面意思，所以不可能在里面使用其他的markdown功能，比如链接或粗体文本......

Markdown 中是否有任何语法或功能可以启用此类通知框？

Answer 1

正如 Waylan 在他的回答中提到的那样，Github 在显示之前从 Markdown 中去除脚本和样式标签。这意味着将在 Github 上呈现的通知框的唯一可能性是原生 Markdown 或 html 提供的那些。
经过一番搜索和试验，我发现可以(ab)使用
tables syntax ,
并将其与 Github emoji markdown 结合使用.
例如:

来自单个单元格表的框:

| :exclamation:  This is very important   |
|-----------------------------------------|


| :zap:        Ignore at your own risk!   |
|-----------------------------------------|

来自具有 2 个单元格的单行表的框:

| :memo:        | Take note of this       |
|---------------|:------------------------|


| :point_up:    | Remember to not forget! |
|---------------|:------------------------|

来自 2 行表的框:

| :warning: WARNING          |
|:---------------------------|
| I should warn you ...      |


| :boom: DANGER              |
|:---------------------------|
| Will explode when clicked! |

请注意， Markdown 表不允许换行，因此您应该使用 <br />如果您在框中需要多行，请标记。在这种情况下，直接使用 html <table> 可能会更简单。标签，因为它没有这个换行限制。它还允许摆脱表格标题的粗体样式 <thead>通过替换它的 <th>带有 <td> 的标签标签:

<table>
  <thead>
    <tr>
      <td align="left">
        :information_source: Information
      </td>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>
        <ul>
          <li>Tis not true.</li>
          <li>I won't explode.</li>
        </ul>
      </td>
    </tr>
  </tbody>
</table>