以前にSyntax Highlighterは設定していたが、現在サービスが停止しているらしく、かなり前(確か1年以上前？)からBlogger内でソース設定箇所が
そのままのテキストで表示されて、ソースの体裁が崩れていたので、代替案を検討することにした。
（Syntax Highlighterのjsのリンクをブラウザのアドレスバーに入力して、表示しようとしても全然関係ないサイトが表示される。）
ググってみたら、以下のサイトが見つかったので、参考にしながら
Google Code-Prettifyの設定を行なった。
設定はBolggerのレイアウトのhead箇所に次のscriptタグを設定する。
(Blogger左メニュー > テーマ 右画面の「カスタマイズ」プルダウン選択時に表示される「HTML編集を編集」押下で表示されるHTML編集画面)
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?skin=sunburst"></script>
そして、ソース表示箇所は次のタグで囲む(preタグの中にソースを入れる。)
<pre class="prettyprint"> </pre>
0 件のコメント :
コメントを投稿