html - 如何创建代码块，这是一种在我的网站上显示我的代码的好方法，因此人们也可以复制代码

Question

我想在这里制作类似于蓝色矩形代码块的东西：是否有任何网站可以帮助嵌入它，或者它是 100% 自定义的？任何帮助，将不胜感激。

标签： htmlcss

Answer 1

在基本级别上，您可以使用 textarea 来显示您的代码：

https://jsfiddle.net/qbgr17dx/

如果您想获得代码块的自动样式，您可以使用 JavaScript 库，例如PrismJS，这将自动突出显示网页上代码块中的语法和代码：

https://prismjs.com/

然后您需要使用<code>和<pre>HTML 标签，这允许您的 HTML 被输出并显示给用户，而不是网络浏览器试图将其显示为代码/标记。