Prettify2016年11月26日土曜日SyntaxHighlighterをFirebaseに置いてBloggerで利用プログラムソースコードやシェル実行をブログ上でみんながどうやって表示しているのか勉強しました。簡単に枠をつけたいです。HTMLのお勉強・枠をつけるhttp://jim-do-it-yourself.jimdo.com/4-プチ-カスタマイズ/htmlのお勉強-枠をつける/綺麗に色をつけたりするのは、SyntaxHighlighterがメジャーなようです。これをブラウザに読み込ませた上で、HTMLのpreタグなりscriptタグを使うのだそうです。ソースコードをハイライトするSyntaxHighlighter3.0を使いこなすhttp://wada811.blogspot.hk/2012/02/syntaxhighlighter30.htmlで、環境を整える必要があるのですが、SyntaxHighlighterをどこかに展開して、Webでアクセスできるようにした上で、Bloggerのテンプレートに手を入れる必要があるという。BloggerでFirebaseホスティングを用いてSyntaxHighlighterを使うhttps://xanadu62.blogspot.hk/2016/10/bloggerfirebasesyntaxhighlighter.htmlFirebaseに置いておきました。こんな感じでアクセスできるようにしてあります。https://public-on-firebase.firebaseapp.com/scripts/shCore.jsサンプルはこんな感じ。やってHTMLを書くと、]]>こんなように表示される。ix500のローラーがベトベト・ネバネバ、部品交換修理した自己紹介やす香港にいて、気になったこと、みんなにみせたいこととか書いてます。