html - 如何在网站上创建代码块

Question

我是html/css新手。所以我想在我的网站上引用一些编程代码，比如ruby
我怎么能在我的造型单上这样做呢？谢谢！

Answer 1

使用Pygments。一旦安装了它（ubuntu上的sudo pip install pygments），如果将代码保存到类似foo.rb的文件中，就可以调用pygmentize，如下所示：
pygmentize -O full,style=emacs -o foo.html foo.rb
它将使用emacs样式输出带有嵌入样式表的html（许多其他styles available）。除了使用嵌入式样式之外，您还可以获取/创建自己的.css样式表，该样式表符合pygments的dom结构（我个人喜欢使用vim styles），并告诉pygments只生成不包含嵌入式css的html：
pygmentize -o foo.html foo.rb
现在只需将样式表插入到生成的html中。
与使用javascript解决方案相比，我更喜欢这种方法，因为突出显示是在“编译时”完成的，不需要将任何工作卸载到用户的浏览器中。