（画像をクリックすると拡大できます）
Ⅰ. Mathjaxの設定
1. Bloggerの管理画面で「テーマ」を選択する。
コード
<!-- MathJax -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js" type="text/javascript">
MathJax.Hub.Config({
HTML: ['input/TeX','output/HTML-CSS'],
TeX: { extensions: ['AMSmath.js','AMSsymbols.js'],
equationNumbers: { autoNumber: 'AMS' } },
extensions: ['tex2jax.js'],
jax: ['input/TeX','output/HTML-CSS'],
tex2jax: { inlineMath: [ ['$','$'], ['\\(','\\)'] ],
displayMath: [ ['$$','$$'], ['\\[','\\]'] ],
processEscapes: true },
'HTML-CSS': { availableFonts: ['TeX'],
linebreaks: { automatic: true } }
});
</script>
<!-- /MathJax -->
Ⅱ. コードブロック
コードの表示用に、それ程好きではないがインターネット上の情報が多いのでhighlight.jsを使用することにする。設定は、上記同様に以下のコードをHTMLに設定する。
<!-- START USER DEFINED AREA -->
<link href='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/github.min.css' rel='stylesheet'/>
<style>code{font-family:Menlo,"Osaka－等幅",Consolas,"Courier New",Courier,monospace;color:#333;background:#f8f8f8};</style>
<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js'></script>
<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/languages/awk.min.js'></script>
<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/languages/erlang.min.js'></script>
<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/languages/erlang-repl.min.js'></script>
<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/languages/go.min.js'></script>
<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/languages/ldif.min.js'></script>
<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/languages/scheme.min.js'></script>
<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/languages/yaml.min.js'></script>
<script>hljs.initHighlightingOnLoad();</script>
<!-- END USER DEFINED AREA -->
（このコードは。djeeno.logを参考にさせて戴きました）
使用方法は、以下の通り。
<pre><code>
ここにコードを配置する
</code><pre>
0 件のコメント:
コメントを投稿