`
Zhongwei_leg
  • 浏览: 555588 次
  • 性别: Icon_minigender_1
  • 来自: 珠海
社区版块
存档分类
最新评论

高亮网页中的嵌入代码

 
阅读更多

 

这里需要用到的程序为:

Pygments -- Python syntax highlighter

 

这个 Python 脚本可以将代码转换为 HTML 格式的代码。以方便我们把代码嵌入到博客或者Wiki中。

直接上例子吧!例如,我们本地有一个名为 test.py 的程序,如果我们要在网页中完美展示这段代码,只需要输入:

pygmentize -f html -O linenos=1 -o test.html test.py

 

然后将这段代码复制到 HTML 中。注意,保持生成的源代码的格式,不要缩进。

但是这样还不够,因为这段代码是没有高亮显示的。嗯,漂亮的总比丑的好。

执行如下命令,将生成一个 CSS 文件,用于高亮代码。

pygmentize -S default -f html > style.css

 

之后,我们再在 HTML 中加入一个指向该 CSS 文件的语句:

<link rel="stylesheet" type="text/css" href="style.css" />

 

娃哈哈哈,效果如下:

1
2
3
4
5
6
#!/usr/bin/env python
# -*- coding: utf-8 -*-


if '__main__' == __name__:
    print "Hi, I'm Zhongwei! Welcome to my blog." 

其他命令参数可以参见官方文档。

看了一下官网上列的 Who uses it? 居然 Trac, GitHub, PIDA 用的都是这个程序,顿时好感大增。

 

分享到:
评论

相关推荐

    网页代码高亮显示(flash版本)

    使用这类Flash代码高亮组件时,开发者可以将要展示的代码作为数据传入,组件会自动处理并返回一个高亮显示的Flash对象,然后将其嵌入到网页中。这种方式在以前的Web开发中比较常见,但现在随着HTML5的普及,更多的...

    网页代码高亮插件

    这类插件通常使用特定的样式和颜色方案来突出显示代码中的关键字、注释、字符串以及不同类型的语法元素,为开发者和读者提供更好的代码浏览体验。 在网页开发中,代码高亮不仅提升了代码的可读性,还能帮助用户快速...

    js代码高亮显示 JavaScript代码高亮 jsp

    3. 高亮代码:在页面中嵌入要高亮的JavaScript代码,然后使用JavaScript库进行高亮处理。例如,使用Highlight.js: ```jsp &lt;pre&gt;&lt;code class="language-javascript"&gt;你的JavaScript代码&lt;/code&gt;&lt;/pre&gt; &lt;script&gt;hljs....

    页面代码高亮度显示JS代码

    在网页设计中,为了使代码更易于阅读和理解,我们经常需要使用代码高亮显示工具。"页面代码高亮度显示JS代码"是一个专门用于在网页上实现这一功能的JavaScript库。这种库通常会通过解析代码的语法结构,为不同的语言...

    代码高亮显示javascript插件

    代码高亮的基本原理是通过识别代码中的关键字、变量、字符串、注释等元素,然后用不同的样式(如颜色、粗体、斜体)进行区分,使得代码结构更加清晰,阅读者可以更快地理解和定位代码。这个过程通常由JavaScript库来...

    代码高亮插件SyntaxHighlighter

    此外,SyntaxHighlighter支持一些第三方扩展,例如Gist集成,可以直接在网页中嵌入GitHub上的Gist代码片段。同时,由于它是开源项目,开发者可以根据自己的需求对其进行二次开发和扩展。 总的来说,...

    FCK代码高亮插件

    **代码高亮**是一种通过使用不同的颜色、字体样式来突出显示代码中的关键字、变量、注释等元素的技术。这有助于快速识别代码结构,提高代码可读性,尤其对于长时间阅读和编写代码的开发者来说,可以有效减少视觉疲劳...

    前端代码语法高亮编辑器

    它可以很容易地嵌入到任何网页或 JavaScript 应用程序中。 超过 120 种语言的语法高亮显示(可以导入TextMate/Sublime/ .tmlanguage文件) 超过 20 个主题(可以导入TextMate/Sublime/ .tmtheme文件) 自动缩进和...

    易语言网页操作之网页查找并高亮显示结果

    提供的源码文件"易语言网页操作之网页查找并高亮显示结果.e"很可能是整个程序的源代码,包含了实现上述功能的详细逻辑。而"网页查找并高亮显示结果.gif"可能是程序运行时的截图或示例演示,用于展示查找和高亮功能的...

    新增代码高亮DEMO.zip

    开发者可以在这里看到如何嵌入代码片段,并配置JavaScript来处理这些代码块的高亮。 2. **assets**:这是一个文件夹,通常包含前端项目所需的资源,如CSS样式文件、JavaScript库、图片等。在这个DEMO中,assets可能...

    小日历代码(可以嵌套到网页中)

    小日历代码是一种常见的网页元素,它允许用户在网页中查看日期并进行简单的日程管理。这个压缩包中包含了一个小日历的实现,由图片和一个HTML页面组成,为开发者提供了一种嵌入到网站中的实用工具。下面将详细解释这...

    codeHl代码高亮

    在实际使用中,"codeHl"可能会提供一个API接口或者简单的标记语言,让博主在编写博客时嵌入代码段。例如,通过在代码块前添加特定的HTML标签或者使用Markdown的代码块语法,"codeHl"会在渲染时自动对这部分代码进行...

    网页中可以嵌入的日历控件(js)

    本文将详细讲解如何在网页中嵌入一个JavaScript实现的日历控件,并探讨其与CSS的结合,以改变控件的风格。 首先,让我们了解什么是JavaScript日历控件。它是一种交互式的用户界面元素,允许用户通过点击或输入日期...

    学生网页设计作业源码(HTML+CSS)——海贼王6页代码质量好

    例如,在头部导航栏的代码中,使用了`&lt;div&gt;`元素来定义区块,并通过内部类(`class`)和ID(`id`)属性来标识特定元素,便于CSS样式和JavaScript脚本的引用。 ```html &lt;a href="#"&gt;&lt;img src="images/logo.png" class=...

    Google语法高亮JavaScript功能

    在网页开发中,展示代码片段是常见的需求,为了提高代码的可读性和美观性,语法高亮成为一个重要的工具。Google语法高亮JavaScript功能就是为了解决这一问题而设计的,它能够让代码在网页上以颜色鲜明、结构清晰的...

    ASP.NET源码——ASP.NET高亮代码.zip

    在这些阶段中,开发者可以添加事件处理程序来控制网页的行为,例如在页面加载完成后执行特定的代码高亮操作。 5. **视图状态(ViewState)** ASP.NET的视图状态机制用于在客户端和服务器之间持久化控件的状态信息。...

    商业编程-源码-SyntaxHighlighter高亮代码显示实例源码.zip

    你可以通过在网页中引入这个文件来启用代码高亮功能。 2. **样式表文件**(CSS):这些文件定义了代码高亮的样式,包括不同的关键字颜色、背景色、行号样式等。例如,可能会有一个名为`SyntaxHighlighter.css`的...

    ASP.NET高亮代码_synataxhighlighter.zip

    接下来,你需要在HTML中嵌入代码片段,并使用特殊的标记或类名让SyntaxHighlighter识别并处理它们。比如,对于C#代码,你可以这样做: ```html // 你的C#代码 ``` SyntaxHighlighter会自动检测`brush`类中的...

    HTML5网页在线代码编辑器.zip

    HTML5网页在线代码编辑器是一种基于Web的工具,允许用户在浏览器中编写、编辑和运行HTML、CSS和JavaScript代码。这种编辑器通常具有多种特性,如代码高亮显示,这有助于提升代码可读性,使得开发者能更快地识别不同...

    【网页设计】HTML做一个属于我的音乐页面(纯html代码)

    - **HTML编辑器**:开发人员可以选择多种HTML编辑器,如Dreamweaver、HBuilder、Vscode、Sublime、Webstorm等,这些工具支持代码高亮、自动补全等功能,提高了开发效率。 - **资源素材**:网页设计需要大量高质量的...

Global site tag (gtag.js) - Google Analytics