« matplotlibが最近どんどん使いやすくなっている。 | トップページ | 芽キャベツのにんにくレモン炒め »

2013年2月14日 (木)

Pygmentsのインストールなしでシンタックスハイライト

ココログでPygmentsのサイトのデモを使ってプログラムをハイライトするHTML/CSSをGetするテスト。前に書いたのはPythonとそのライブラリであるPygmentsをインストールする必要がありましたが、これならPython要らないのでお手軽ですね。
  1. まずはhttp://pygments.org/にハイライトしたいコードをペースト、好きなスタイルと言語を選んでハイライトの結果を得る。
  2. 出てきたページのソースコードを見てdiv class="syntax"とpreで囲まれた部分をココログのHTMLの編集画面にペースト。
  3. 同じくソースコードの上の方にあるlink rel="stylesheet" href="/media/pygments_style.css"を見つけてこのcssの中身をココログのカスタムCSSへ貼り付ける。
  4. いろいろな言語・スタイルを使い分けたい場合cssの各行にあるsyntaxを言語-スタイル名(例:python-monokai)とかにして、HTMLのdiv class="syntax"のところも同じ名前にする。
ココログでなくとも応用出来きますね。HTML/CSSを理解していればなんてことのないことですが、私のように知らないと理解・応用するのにちょっと時間かかります。

« matplotlibが最近どんどん使いやすくなっている。 | トップページ | 芽キャベツのにんにくレモン炒め »

パソコン・インターネット」カテゴリの記事

コメント

https://www.yeezyshop.us.com/
https://www.nikeclearances.us.com/
https://www.pandoracharmsbracelets.us.com/
https://www.pandoras.uk.com/
https://www.nikeair-force1.us.com/
https://www.adidasultraboost.shop/
https://www.pandorarings.uk.com/
https://www.nikeoutletsonline.us.com/
https://www.adidas-originalssuperstar.us.com/
https://www.nikesstoreoutlet.us.com/
https://www.nikepresto.us.org/
https://www.trainersstore.uk.com/
https://www.adidasyeezys.us.com/
https://www.ultra-boost.us.com/
https://www.yeezysboost-350.us.com/
https://www.adidasshoesshop.us.com/
https://www.yeezycanadastore.ca/
https://www.yeezyshoesboost.us.com/
https://www.yeezyshoesstore.ca/
https://www.outletadidasshoes.us.com/
https://www.trainersoutlet.uk.com/
https://www.pandorasjewelry.uk.com/
https://www.shoesoutletstores.ca/
https://www.yeezyboost350v2.us.com/
https://www.pandorajewelryuk.uk.com/
https://www.adidass.us.com/
https://www.nike-sneakers.us.com/
https://www.nike-outletfactory.us.com/
https://www.adidasstoreonline.us.com/
https://www.adidassuperstars.us.com/
https://www.nikesrunningshoes.us.com/
https://www.airforce1s.us.com/
https://www.yeezy350shoes.ca/
https://www.adidasshoesonline.us.com/
https://www.adidasyeezyofficialwebsite.us.com/
https://www.nmd.uk.com/
https://www.adidas-superstars.us.com/
https://www.adidasoutletstores.us.com/
https://www.nikecanada-onlineshopping.ca/
https://www.offwhite-shoes.us.com/
https://www.nikeoutletstores.us.com/
https://www.nmdsadidas.us.com/
https://www.nike-onlinecanada.ca/
https://www.jewelrypandora.us.org/
https://www.yeezyshoesadidas.us.com/
https://www.trainerssale.uk.com/
https://pandorabracelets-charms.us.com/
https://www.nikesneakersstore.us.com/
https://www.officialyeezywebsite.us.com/
https://www.newadidasshoes.us.com/
https://www.pandorascharms.uk.com/
https://www.newtrainers.uk.com/
https://www.ultraboost.uk.com/
https://www.nike-rosherun.us.com/
https://www.pandoracharmsbracelet.us.com/
https://www.nikeoutletstore.ca/
https://www.adidascom.us.com/
https://www.nikeshoesshop.ca/
https://www.yeezy500boost.us.com/
https://www.nikeshoesoutlets.us.com/
https://www.nikeclearancestores.us.com/
https://www.nikeoutlet--store.us.com/
https://www.nikesoutlets.us.com/
https://www.adidasoutletshoes.us.com/

https://www.adidasultraboost.shop/
https://www.airforce1s.us.com/
https://www.yeezyshoesstore.ca/
https://www.nike-onlinecanada.ca/
https://www.adidasshoesshop.us.com/
https://www.nike-sneakers.us.com/
https://www.nikeoutletstores.us.com/
https://www.jewelrypandora.us.org/
https://www.ultra-boost.us.com/
https://www.nike-rosherun.us.com/
https://www.yeezy350shoes.ca/
https://www.yeezyshoesadidas.us.com/
https://www.nike-outletfactory.us.com/
https://www.pandoracharmsbracelets.us.com/
https://www.nmdsadidas.us.com/
https://www.adidas-originalssuperstar.us.com/
https://www.yeezy500boost.us.com/
https://www.nmd.uk.com/
https://www.nikeshoesshop.ca/
https://www.shoesoutletstores.ca/
https://www.yeezyboost350v2.us.com/
https://www.adidass.us.com/
https://www.nikeclearancestores.us.com/
https://www.trainerssale.uk.com/
https://www.nikesoutlets.us.com/
https://www.nikeair-force1.us.com/
https://www.yeezysboost-350.us.com/
https://www.nikeoutlet--store.us.com/
https://www.pandorajewelryuk.uk.com/
https://www.yeezyshoesboost.us.com/
https://pandorabracelets-charms.us.com/
https://www.adidasyeezyofficialwebsite.us.com/
https://www.pandorascharms.uk.com/
https://www.adidascom.us.com/
https://www.adidassuperstars.us.com/
https://www.offwhite-shoes.us.com/
https://www.newtrainers.uk.com/
https://www.nikesstoreoutlet.us.com/
https://www.nikeoutletstore.ca/
https://www.yeezyshop.us.com/
https://www.adidasyeezys.us.com/
https://www.nikeshoesoutlets.us.com/
https://www.newadidasshoes.us.com/
https://www.adidasoutletshoes.us.com/
https://www.yeezycanadastore.ca/
https://www.nikeclearances.us.com/
https://www.ultraboost.uk.com/
https://www.nikepresto.us.org/
https://www.outletadidasshoes.us.com/
https://www.nikeoutletsonline.us.com/
https://www.adidasoutletstores.us.com/
https://www.pandoracharmsbracelet.us.com/
https://www.pandorasjewelry.uk.com/
https://www.adidasstoreonline.us.com/
https://www.pandorarings.uk.com/
https://www.adidas-superstars.us.com/
https://www.trainersoutlet.uk.com/
https://www.trainersstore.uk.com/
https://www.officialyeezywebsite.us.com/
https://www.nikecanada-onlineshopping.ca/
https://www.nikesrunningshoes.us.com/
https://www.nikesneakersstore.us.com/
https://www.pandoras.uk.com/
https://www.adidasshoesonline.us.com/

コメントを書く

(ウェブ上には掲載しません)

トラックバック


この記事へのトラックバック一覧です: Pygmentsのインストールなしでシンタックスハイライト:

« matplotlibが最近どんどん使いやすくなっている。 | トップページ | 芽キャベツのにんにくレモン炒め »

しろののツイッタータイムライン

  • ツイッターは5つ目も凍結されました。6つ目での復活も不可能。なのでnoteに注力しています。

    と思ったら、イーロン・マスクの買収が公になってアカウントが復活できました。ありがとうマスク。

    トランプ関連記事の一覧リスト

オススメたち

2024年1月
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      

はてブ

無料ブログはココログ