如何将类似于任何文本编辑器或stackoverflow中出现的编程代码添加到我的网站？

Question

例如python代码

import  os

def main:
    print("Hello, Stackers")

将在网页中显示为此图像

有没有什么模板可以自己设计样式呢？

注意:我知道如何使用pre和code标签也检查了Wordpress，所以任何其他的事情。谢谢你的回答。

Answer 1

您可以按照您所说的那样使用<code>、<pre>或<samp>进行语法高亮显示，有关它们的解释，请参阅this SO answer。然而，如果你想要一些花哨的颜色，你必须使用js库。我发现了一些很好的方法：

highlight.js

Prism.js

SHJS

Rainbow

注意:所有这些都不是实时的-意味着对代码的编辑会破坏高亮显示。作为编辑器的例子，CodeMirror是一个很好的解决方案。

我希望我能帮到你。祝您有愉快的一天:)