【问题标题】:Style a code snippet with css使用 css 样式化代码片段
【发布时间】:2009-12-07 19:02:28
【问题描述】:

有人可以给我一个链接、教程或已经制作的 CSS 模板,用于样式化代码 sn-p 以将该功能添加到我的博客吗?

我在许多博客中看到了示例,但是,现在我正在寻找一个,我不能动手!

我希望能够发布带有关键字颜色、行号等的代码 sn-p。

非常感谢。

编辑:我知道有一些解决方案,如 prettify(感谢开发人员艺术)或 SyntaxHighliter,但我在一个平台上,我不能使用 Javascript

【问题讨论】:

  • 如果您有服务器端编程语言偏好(PHP 等),请说明。这个问题有客户端和服务器端的解决方案。

标签: css blogs


【解决方案1】:

Prettify 就是你要找的东西。

您在页面中包含大量 JavaScript 和 CSS 文件,并标记需要美化的页面部分。差不多吧。

【讨论】:

  • 这很酷,我必须说。但是我不能在我的博客中嵌入 JavaScript,我在一个平台上。
【解决方案2】:

manoli.net 提供在线复制/粘贴语法高亮:

这个工具可以让你格式化你的 C#、VB、HTML、XML、T-SQL 或 MSH(代码 名称 Monad) 用于在 a 上发布的代码 网站或博客中。

输出符合 HTML 4.01 规格和颜色编码到 使其更易于阅读。颜色可以 通过修改CSS样式来改变 床单。查看示例。

您可能想查看 CodePlex 上的 Syntax Highlighter 项目(但不确定它还有多少活动):

语法高亮转换代码文本 到 HTML 中常见的语言元素 使用样式表格式化 类,使得着色方案 可以简单地切换或更改 作为替换 CSS 文件。首要的 发布船舶作为扩展 BlogEngine.NET。

【讨论】:

  • manoli 很棒,它给了我 css/html 并且效果很好,谢谢。
【解决方案3】:

对此也有服务器端解决方案,这当然取决于您的服务器语言。 PHP 是博客的流行选择,在这种情况下,您可以使用同样流行的 GeSHi 库。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-01-28
    • 2015-03-01
    • 2015-10-01
    • 2013-06-26
    • 2014-04-25
    • 2018-09-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多