如何设置代码块的样式以使所有颜色看起来都像我的 IDE 和 stackoverflow 中的一样?
当将代码示例放入我的博客时,我希望代码具有所有适当的颜色。我怎样才能做到这一点?
基本上,如果我写:
foreach (ListItem item in items)
{
item.Text = "something";
}
我希望它以正确的颜色显示,就像在我的 Visual Studio 或堆栈溢出中那样。
我厌倦了手动设置每个关键词的颜色。是否有我可以使用的预先存在的 javascript 库?
编辑: 我正在使用 blogger 作为我的博客平台(如果有帮助的话)
When putting code samples in my blog I would like the code to have all the appropriate colours. How can I do that?
Basically if I write:
foreach (ListItem item in items)
{
item.Text = "something";
}
I want it to appear in the correct colours like it does in my Visual Studio or here at stackoverflow.
I'm bored of styling the colours of each key word manually. Is there a pre-existing javascript library I can use?
EDIT:
I'm using blogger as my blogging platform if that helps
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(8)
一种常见的方法是使用 JavaScript 库来设计代码示例的样式。您可以使用 prettify 在网页上进行语法突出显示,README 详细解释了如何操作。
A common approach is to use a JavaScript library to style up the code samples. You can use prettify to do syntax highlighting on a webapage, the README explains exactly how to do it.
您还可以使用托管代码的位置(例如 http://gist.github.com 、 http://snipplr.com/ 以及各种其他“pastebin”服务),然后只需使用他们提供的嵌入脚本。
You can also use a place that hosts the code (like http://gist.github.com , http://snipplr.com/ , and various other 'pastebin' services) and then just use the embed script that they provide.
谷歌“语法荧光笔”。有很多库,其中许多都使用 javascript。
Google "syntax highlighter". There are a bunch of libraries out there, many use javascript.
试试这个语法荧光笔。如果您使用特定的 CMS,可能已经为此创建了模块。
Try this syntax highlighter. If you are using a particular CMS, there are probably modules already created for this.
我使用 Windows Live Writer 一段时间,并且有一个插件 从 Visual Studio 粘贴,为您进行颜色编码。然后我将该内容编码到我的 Blogger/Wordpress 帖子中。
现在,我使用基于 Java 的 WordPress 插件 SyntaxHighlighter Evolved,它提供换行功能。
I used Windows Live Writer for a while, and there is a plugin to paste from Visual Studio, that does the colour coding for you. I then coded that content into my Blogger/Wordpress post.
Now I use a java based plug-in for Wordpress SyntaxHighlighter Evolved, which provides line wrapping.
更新:
链接教程
UPDATED:
link tutorial
你也可以使用vim的导出为html,然后在blogger中复制粘贴。没有最好的解决方案,但可能是最简单的。
You can also use vim's export as html, and then copy&paste in blogger. No the best solution, but probably the simplest.
真的,我想让 jballs 评论作为答案......但我不能。不过他是对的 - SyntaxHighlighter 似乎是最容易获取/使用的,并且有很多支持也为了它。
我很快就实施了。在这里测试并解释了我的步骤: 着色代码使用语法荧光笔
Really I'd like to have jballs comment as the answer... but I can't. He was right though - SyntaxHighlighter seems to be the easiest to get/use and there is a lot of support for it too.
I implemented it really quickly. Tested it and explained my steps here: Colouring code with Syntax Highlighter