html - 网站的代码窗口

Question

我是来自www.idoodler.de的网站管理员，我创建了一个 Raspberry Pi 如何站点。该站点包含 Python、Ruby、Shell 脚本……脚本。我的问题：是否有像 Stackoverflow 那样格式化代码的 HTML 代码？

像这样：

import os

os.system(command)

如果窗口可以为不同类型的代码添加颜色会更好。

如果有人能告诉我如何制作这样的 HTML 视图或指向解释如何实现此目的的网站的链接，那将是非常酷的。顺便说一句，我正在使用 Sandvox for Mac 创建网站，所以我也可以使用 Sandvox 插件。

谢谢来自德国的大卫

Answer 1

要突出显示 HTML 中的代码，您可以使用highlight.js。您所要做的就是将代码包装在<pre><code>标签中并包含 JS 文件：

<pre><code> some code in here </code></pre>

Highlight.js 将尝试识别所使用的语言并相应地应用突出显示。