Blogger の Mobile でも、SyntaxHighlighter でソースコードをキレイに表示させてみた。

この記事、Blogger で、SyntaxHighlighterを使って、ソースコードをキレイに表示してみた。 の続編、Moblileでも同じようにソースコードが表示されるといいですよね。

設定は簡単です。

Bloggerの設定画面から

　”テーマ” ---> ”モバイル テーマをカスタマイズ”　をクリック
　

　”テーマ＞モバイル　テーマの選択”　から
　「● はい。モバイル端末でモバイル テーマを表示する。」をクリック

　”テーマの選択” ---> ”カスタム”　をクリックして　保存

以上で完了です。

スクリーンショットを貼り付けるとわかりやすいとは思いますが、今回も省略です。

ここに表示したいソースコードを貼り付ける

Blogger で、SyntaxHighlighterを使って、ソースコードをキレイに表示してみた。

Blogger で、SyntaxHighlighterを使って、ソースコードをキレイに表示してみた。

参考にしたＷｅｂはここ。


http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/
http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/

上記のリンクから、どれを使うか決めておく。

HTML編集画面から、</head>の直前に

上記コードを貼り付ける。


ブログ記事の編集では、HTML編集画面から下記コードを記述する。

　ここに表示したいソースコードを貼り付ける

以上、キレイに表示できました。感謝。感謝。

2017/09/18
httpsで読み込むと、FirefoxではSyntaxHighlighterが混在エラーになるので、httpでリンクすること