国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

使用Pygments來(lái)實(shí)現(xiàn)代碼高亮

cangck_X / 2423人閱讀

摘要：本文最初發(fā)布于我的個(gè)人博客今天我嘗試更換了我個(gè)人博客中的代碼高亮樣式，主要使用的就是。在官網(wǎng)上是可以直接嘗試的哦將內(nèi)容輸出到文件中最后文件的內(nèi)容大概是這樣的只要在使用到代碼高亮的文件中，引入這個(gè)樣式就大功告成了。

  
本文最初發(fā)布于我的個(gè)人博客：http://jerryzou.com/posts/usePygments/

今天我嘗試更換了我個(gè)人博客jerryzou.com中的代碼高亮樣式，主要使用的就是Pygments。Pygments有許多各式各樣的樣式可供選擇，而在這篇文章中，我將為大家講解如何安裝Pygments、以及如何生成代碼高亮所需要的文件。

安裝Pygments

在OS X中，因?yàn)閜ython是預(yù)裝的，可以直接運(yùn)行指令：

easy_install pip
pip install pygments

在Archlinux上：

sudo pacman -S python-pygments

或者使用python2版的pygments:

sudo pacman -S python2-pygments

在Unbutu和Debian上:

sudo pat-get install python-pygments

在Fedora和CentOS上:

sudo yum install python-pygments

在Gentoo上:

sudo emerge -av dev-python/pygments
生成所需的html文件

如果你用類似Jekyll、hexo等靜態(tài)網(wǎng)站生成工具，你就不需要自己生成html文件，可以直接跳過(guò)這一小節(jié)。這些工具會(huì)幫你自動(dòng)生成，比如本站就是使用Jekyll生成的。如果你需要自己生成html文件，可以參照以下的步驟：

假設(shè)需要高亮的代碼為一段js代碼，文件名為test.js：

var testStr = "hello world";

你需要在終端中輸入：

pygmentize -f html -o test.html test.js

-f html指明需要輸出html文件

-o test.html指明輸出的文件名

test.js就是輸入文件了

最后我們得到的html文件大概是這個(gè)樣子的：

var testStr = "hello world";

以上把需要生成的代碼按詞法分析拆分成多個(gè)小部分，接下來(lái)的問(wèn)題是如何給這些分好的塊上色呢？于是引出了下一個(gè)問(wèn)題：我們需要生成對(duì)應(yīng)的css文件。

生成所需的css文件

Pygments提供了十多種高亮樣式的方案，所有可用的方案可以用如下方式查看：

>>> from pygments.styles import STYLE_MAP
>>> STYLE_MAP.keys()

如此就可以得到如下結(jié)果：

本博客采用的樣式是tango，如果你喜歡的話，也可以按這種方案給自己博客的代碼如此著色。言歸正傳，接下來(lái)介紹生成css文件的指令：

pygmentize -f html -a .highlight -S default > pygments.css

-a .highlight指所有css選擇器都具有.highlight這一祖先選擇器

-S default就是指定所需要的樣式了，各位可以對(duì)各種樣式都嘗試一下。在官網(wǎng)上是可以直接嘗試的哦！

> pygments.css將內(nèi)容輸出到pygments.css文件中

最后pygments.css文件的內(nèi)容大概是這樣的：

.highlight .hll { background-color: #ffffcc }
.highlight  { background: #f8f8f8; }
.highlight .c { color: #8f5902; font-style: italic } /* Comment */
.highlight .err { color: #a40000; border: 1px solid #ef2929 } /* Error */
.highlight .g { color: #000000 } /* Generic */
.highlight .k { color: #204a87; font-weight: bold } /* Keyword */
.highlight .l { color: #000000 } /* Literal */
.highlight .n { color: #000000 } /* Name */
.highlight .o { color: #ce5c00; font-weight: bold } /* Operator */
.highlight .x { color: #000000 } /* Other */
...

只要在使用到代碼高亮的html文件中，引入這個(gè)css樣式就大功告成了。

參考資料：

http://pygments.org/

http://segmentfault.com/q/1010000000261050

http://havee.me/internet/2013-07/jekyll-install.html

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/49528.html

相關(guān)文章

  • 使用Pygments來(lái)實(shí)現(xiàn)代碼高亮

    摘要：本文最初發(fā)布于我的個(gè)人博客今天我嘗試更換了我個(gè)人博客中的代碼高亮樣式，主要使用的就是。在官網(wǎng)上是可以直接嘗試的哦將內(nèi)容輸出到文件中最后文件的內(nèi)容大概是這樣的只要在使用到代碼高亮的文件中，引入這個(gè)樣式就大功告成了。 本文最初發(fā)布于我的個(gè)人博客：http://jerryzou.com/posts/usePygments/ 今天我嘗試更換了我個(gè)人博客jerryzou.com中的代碼...

    hiyang 評(píng)論0 收藏0

  • 使用Pygments來(lái)實(shí)現(xiàn)代碼高亮

    摘要：本文最初發(fā)布于我的個(gè)人博客今天我嘗試更換了我個(gè)人博客中的代碼高亮樣式，主要使用的就是。在官網(wǎng)上是可以直接嘗試的哦將內(nèi)容輸出到文件中最后文件的內(nèi)容大概是這樣的只要在使用到代碼高亮的文件中，引入這個(gè)樣式就大功告成了。 本文最初發(fā)布于我的個(gè)人博客：http://jerryzou.com/posts/usePygments/ 今天我嘗試更換了我個(gè)人博客jerryzou.com中的代碼...

    jzman 評(píng)論0 收藏0

  • Django 博客開(kāi)發(fā)教程 9 - 支持 Markdown 語(yǔ)法和代碼高亮

    摘要：注意如果你按照教程中的方法做完后發(fā)現(xiàn)代碼依然沒(méi)有高亮，請(qǐng)依次檢查以下步驟確保在渲染文本時(shí)添加了拓展，詳情見(jiàn)上文。有些樣式文件可能對(duì)代碼高亮沒(méi)有作用，首先嘗試用樣式文件做測(cè)試。在支持語(yǔ)法和代碼高亮追夢(mèng)人物的博客的評(píng)論區(qū)留言。 為了讓博客文章具有良好的排版，顯示更加豐富的格式，我們使用 Markdown 語(yǔ)法來(lái)書(shū)寫(xiě)我們的博文。Markdown 是一種 HTML 文本標(biāo)記語(yǔ)言，只要遵循它約定...

    zr_hebo 評(píng)論0 收藏0

  • Django搭建個(gè)人博客：使用Markdown語(yǔ)法書(shū)寫(xiě)文章

    摘要：重新打開(kāi)一個(gè)命令行窗口，進(jìn)入虛擬環(huán)境，安裝是一種通用語(yǔ)法高亮顯示器，可以幫助我們自動(dòng)生成美化代碼塊的樣式文件。 上一章我們實(shí)現(xiàn)了文章詳情頁(yè)面。為了讓文章正文能夠進(jìn)行標(biāo)題、加粗、引用、代碼塊等不同的排版（像在Office中那樣?。?，我們將使用Markdown語(yǔ)法。 安裝Markdown Markdown是一種輕量級(jí)的標(biāo)記語(yǔ)言，它允許人們使用易讀易寫(xiě)的純文本格式編寫(xiě)文檔，然后轉(zhuǎn)換成有效的或...

    沈建明 評(píng)論0 收藏0

  • Django 學(xué)習(xí)小組：博客開(kāi)發(fā)實(shí)戰(zhàn)第三周教程——文章列表分頁(yè)和代碼語(yǔ)法高亮

    摘要：本教程內(nèi)容已過(guò)時(shí)，更新版教程請(qǐng)?jiān)L問(wèn)博客開(kāi)發(fā)入門(mén)教程。當(dāng)分頁(yè)較多時(shí)，總是顯示當(dāng)前頁(yè)及其前幾頁(yè)和后幾頁(yè)的頁(yè)碼教程中使用的是兩頁(yè)，其他頁(yè)碼用省略號(hào)代替。 本教程內(nèi)容已過(guò)時(shí)，更新版教程請(qǐng)?jiān)L問(wèn)： django 博客開(kāi)發(fā)入門(mén)教程。 摘要：前兩期教程我們實(shí)現(xiàn)了博客的 Model 部分，以及 Blog 的首頁(yè)視圖 IndexView，詳情頁(yè)面 DetailView，以及分類頁(yè)面 CategoryVi...

    Luosunce 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<