如何在网站上创建代码块

Question

我是HTML / CSS的新手。所以我想在我的网站上引用一些编程代码，如Ruby

我怎么能在造型单上这样做？谢谢！

Answer 1

我找到Google Code Prettify，它似乎很容易使用。它适用于使用JavaScript和CSS的HTML，不需要服务器上的编程语言。但是，必须在客户端中启用JavaScript，如果在浏览器中禁用JavaScript，则所有颜色都将消失。

Answer 2

使用Pygments。安装完成后（sudo pip install pygments在Ubuntu上），如果将代码保存到foo.rb这样的文件中，可以这样调用pygmentize：

pygmentize -O full,style=emacs -o foo.html foo.rb

将使用emacs样式（许多其他styles available）输出带有嵌入式样式表的HTML。或者使用嵌入式样式，您可以获得/创建符合Pygments的DOM结构的自己的.css样式表（我个人喜欢使用vim styles）并告诉Pygments只生成嵌入式CSS的HTML：

pygmentize -o foo.html foo.rb

现在您只需将样式表插入生成的HTML中。

我比使用JavaScript解决方案更喜欢这种方法，因为突出显示是在“编译时”完成的，并且不需要将任何工作卸载到用户的浏览器。

Answer 3

看看coderay，它适用于多种语言。

Answer 4

我只是在mediawiki和ASP.NET MVC中亲自完成了语法高亮，但是CodeRay（也可用作ruby gem）似乎可以做你想要的。