`
Zhongwei_leg
  • 浏览: 545950 次
  • 性别: 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 用的都是这个程序,顿时好感大增。

 

分享到:
评论

相关推荐

    前端代码语法高亮编辑器

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

    react-simple-code-editor:简单的简洁代码编辑器,语法高亮

    几种基于浏览器的代码编辑器(例如Ace,CodeMirror,Monaco等)提供了将功能全面的代码编辑器嵌入到您的网页中的功能。 但是,如果您只需要带有语法高亮显示的简单编辑器而没有任何其他功能,则它们可能会过大,因为...

    JavaScript建立一个语法高亮输入框实现思路

    textarea元素已被广泛...然后你可以代码嵌入到网站中的任何地方 下载库 首先我们需要Github上下载ACE代码。 下载完成后解压缩,在你的header部分引入js文件 代码如下: &lt;script src=”src-min/ace.js” type=”tex

    ace-react编辑器

    Ace编辑器是一个用JavaScript编写的可嵌入代码编辑器,它与Sublime、Vim和TextMate等编辑器的功能和性能相匹配。作为Cloud9 IDE的主要编辑器和Mozilla Skywriter(Bespin)项目的后继者,Ace编辑器提供了丰富的功能...

    codeFiddle:可嵌入的 jsFiddle-like HTMLCSSJS 代码提琴手

    允许您将类似 jsFiddle 的代码编辑功能嵌入到您的网页中,只需包含 JS 和 CSS。 要求: 代码镜像 编辑器使用 CodeMirror ( ) 来实现其漂亮的代码格式,因此(默认情况下)您需要包含 CodeMirror CSS: &lt;link ...

    react-code-viewer:Simple no-frills code viewer with syntax highlighting,React 代码高亮

    几种基于浏览器的代码编辑器(例如Ace,CodeMirror,Monaco等)提供了将功能全面的代码编辑器嵌入到您的网页中的功能。 但是,如果您只需要带有语法高亮显示的简单编辑器而没有任何其他功能,则它们可能会过大,因为...

    githubist:在您的网站上嵌入来自 github 的高亮文件

    使用 githubist 很简单,只需在您的站点中嵌入这样的脚本: &lt; script src =" http://githubist.ortic.com/punic/punic/examples/example.php " &gt; &lt;/ script &gt; 第一个参数“punic”是用户,第二个...

    Live-DHTML-Simulator:在 Live Simulator 中运行 HTML、CSS、javascript 检查其中的 DHTML 临时代码!

    Ace 是一个用 JavaScript 编写的可嵌入代码编辑器。 它与 Sublime、Vim 和 TextMate 等原生编辑器的功能和性能相匹配。 它可以轻松嵌入到任何网页和 JavaScript 应用程序中。 Ace 一直是 Cloud9 IDE 的主要编辑器,...

    在线SQL编辑器.rar

    ACE 是一个开源的、独立的、基于浏览器的代码编辑器,可以嵌入到任何web页面或JavaScript应用程序中。ACE支持超过60种语言语法高亮,并能够处理代码多达400万行的大型文档。ACE开发团队称,ACE在性能和功能上可以...

    Codext-crx插件

    浏览器中嵌入的代码查看器和编辑器! Codext通过将Monaco Editor动态地插入到代码网页中来利用它的功能。 除了诸如语法高亮显示,节折叠和代码格式化之类的标准编辑器功能外,此扩展还允许用户与文档进行交互并在...

    ace:Ace(Ajax.org Cloud9 编辑器)

    它可以轻松嵌入到任何网页或 JavaScript 应用程序中。 Ace 是作为的主要编辑器开发的,也是 Mozilla Skywriter (Bespin) 项目的继承者。 特征 超过 110 种语言的语法高亮显示(可以导入 TextMate/Sublime/ ....

    asp.net知识库

    帮助解决网页和JS文件中的中文编码问题的小工具 慎用const关键字 装箱,拆箱以及反射 动态调用对象的属性和方法——性能和灵活性兼备的方法 消除由try/catch语句带来的warning 微软的应试题完整版(附答案) 一个...

    ace:Ace(Ajax.org Cloud9编辑器)

    它可以轻松地嵌入任何网页或JavaScript应用程序中。 Ace是的主要编辑器,也是Mozilla Skywriter(Bespin)项目的后继者。产品特点超过120种语言的语法高亮显示(可以导入TextMate / Sublime / .tmlanguage文件) ...

    java开发的chatgpt小程序 .zip

    基础的CHATPDF阅读功能,MarkDown语法,代码高亮,表格格式化等。 微信小程序是腾讯公司基于微信平台推出的一种轻量级应用形态,它无需用户下载安装即可在微信内直接使用。自2017年正式上线以来,小程序凭借其便捷...

    JavaScript内核系列

    人们于是迫切的需要一种方式来打破这个局限,于是到了1996年,网景(Netscape)公司开始研发一种新的语言 Mocha,并将其嵌入到自己的浏览器Netscape中,这种语言可以通过操纵DOM(Document Object Model,文档对象模型)...

    C#开发实例大全(基础卷).软件开发技术联盟(带详细书签) PDF 下载

    《C#开发实例大全(基础卷)》筛选、汇集了C#开发从基础知识到高级应用各个层面约600个实例及源代码,每个实例都按实例说明、关键技术、设计过程、详尽注释、秘笈心法的顺序进行了分析解读。全书分6篇共25章,主要...

    C#编程经验技巧宝典

    C#编程经验技巧宝典源代码,目录如下: 第1章 开发环境 1 &lt;br&gt;1.1 Visual Studio开发环境安装与配置 2 &lt;br&gt;0001 安装Visual Studio 2005开发环境须知 2 &lt;br&gt;0002 配置合适的Visual Studio 2005...

Global site tag (gtag.js) - Google Analytics