a-blog cms で google-code-prettify を利用する方法
この記事は公開日より年以上経過しています
情報が古くなっている可能性がありますのでご注意ください。
bootstrap のシンタックスハイライトいいなって思って、何を使っているのかを調べてみたら「google-code-prettify」というものが使われている事が分かったので設定してみた。その方法を書き残しておきます。
ダウンロードした google-code-prettify のフォルダをそのまま /themes/blog2013/js の中にアップロードし、＜head＞タグの中に以下の記述を追加し必要なファイルを置くべきところに置くようにする。
<script src="/js/google-code-prettify/prettify.js"></script>
<link rel="stylesheet" href="/js/google-code-prettify/prettify.css">
<script type="text/javascript">
$(function () {
$("pre").addClass("prettyprint linenums");
prettyPrint();
});
</script>addClass("prettyprint") だけだと、行番号無しになります。また、今使っているテーマはスマホの時には幅が細くなるので bootstrap のサイトのようにソースを折り返ししたかったり、デザインを変更したかったりで、その方法については以下のリンクをご覧下さい。
更新
