Python 语法突出显示在<；预处理>；标签

是否有任何库允许我在

标记中显示代码，并根据语言突出显示语法？我在想象这样的事情：

<pre class="python">
class MyClass:
    """A simple example class"""
    i = 12345
    def f(self):
        return 'hello world'
</pre>

<pre class="brush: python">
   # python code here
</pre>

类别MyClass：
“”“一个简单的示例类”“”
i=12345
def f（自我）：
返回“你好，世界”

…其中

pre.python

的CSS将适当地突出显示python代码

这样的东西存在吗？

有：

#这里是python代码

还有一个选项，可以自动检测语法并适当地突出显示它；但是，您需要同时使用

标记来包装代码

// Highlight 22 popular code types. TODO: Inline for speed and security.
function loadjscssfile(filename, filetype){  // http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml
    if(filetype=="js"){
        var fileref=document.createElement('script')
        fileref.setAttribute("type","text/javascript")
        fileref.setAttribute("src", filename)
    }
    else if(filetype=="css"){
        var fileref=document.createElement("link")
        fileref.setAttribute("rel", "stylesheet")
        fileref.setAttribute("type", "text/css")
        fileref.setAttribute("href", filename)
    }
    if(typeof fileref!="undefined") document.getElementsByTagName("head")[0].appendChild(fileref)
}
loadjscssfile("//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/styles/vs.min.css", "css")
loadjscssfile("//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/highlight.min.js", "js")
setTimeout("var a = document.querySelectorAll('.code'); for(var i=0; i < a.length; ++i) hljs.highlightBlock(a[i])", 600)

如果您正在寻找服务器端示例，则有或用于Python。
不确定这是否是您想要的，但当我希望在文档中使用语法突出显示的代码块时，我会将文档写入，然后使用将文档处理为html

使用pandoc标记语法获得高亮显示的代码块，如下所示：

<pre class="brush: python">
   # python code here
</pre>

对。你可以用。它很容易按照您需要的方式使用。只需添加代码类即可

它强调了包括Python在内的23种重要语言


希望这会有帮助。
我更喜欢。它支持

从浏览器控制台使用此代码注入预览页面：

//突出显示22种流行的代码类型。待办事项：内联的速度和安全性。
函数loadjscssfile（文件名，文件类型）{//http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml
如果（文件类型==“js”）{
var fileref=document.createElement（'脚本'）
fileref.setAttribute（“类型”、“文本/javascript”）
fileref.setAttribute（“src”，文件名）
}
else if（文件类型==“css”）{
var fileref=document.createElement（“链接”）
fileref.setAttribute（“rel”、“样式表”）
fileref.setAttribute（“类型”、“文本/css”）
fileref.setAttribute（“href”，文件名）
}
if（typeof fileref！=“未定义”）document.getElementsByTagName（“head”）[0].appendChild（fileref）
}
loadjscssfile（“//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/styles/vs.min.css”，“css”）
loadjscssfile（“//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/highlight.min.js”，“js”）
setTimeout（“var a=document.querySelectorAll（'.code'）；for（var i=0；i
您不需要在highlight.js中使用
，您可以使用任何您想要的标记
只是一个默认值（也是HTML5推荐，FWIW）尝试了预览-棒极了！我找不到暗模式的选项，但这很好地完成了工作。