我正在Jupyter Notebook中编写一个文档，并使用彩色的引导程序警报来突出显示文本的重要区域。

在引导警报框中，我具有Python代码块，请参见下面来自Jupyter Notebook环境的图像：

绿色的引导程序警报框在笔记本中定义为 markdown单元格，下面两个灰色水平规则之间的输入如下所示：

<div class="alert alert-success" role="alert">
<font size="4"> <b> Common slicing operations </b> </font>
<hr>   

假设已定义列表n以及两个整数start和stop：

    n = [3,25,83,31,14,47,1,23,57]
    start = 2
    stop = 6

列表n可以切片为：

...等。

这种使用简单markdown在html-div中呈现Python代码的方法在Jupyter Notebook环境中都可以很好地工作。

但是，当我将笔记本放在GitHub上并使用nbviewer进行查看时，呈现的结果如下：

即使笔记本环境没有问题，看来nbviewer也无法处理html-div内的降价。

是否有办法使nbviewer正确呈现？

更多信息：

• 我已经考虑过Pygments用于创建语法高亮显示，但是与诸如```python这样简单的markdown调用（以```结尾）相比，这似乎是一条漫长的路。
• 我还尝试使用以~~~python结尾的~~~，结果相同。
• 我有一个自定义的css文件，用于控制笔记本的样式/主题。

编辑：如果我直接将笔记本直接导出为HTML，则会出现相同的问题。