fc2ブログ

MathJax

今まではLaTeXMathMLというものを使っていたが、どうやらMathJaxなるものがあるらしい。
要はHTML内にそのままLaTeXフォーマットで書くと、綺麗に表示してくれるということらしい。
自分が使っているOperaでもきちんと表示されてたし良い感じ…かな?

くろきげんさんのサイトが非常に参考になりました。
http://genkuroki.web.fc2.com/
感謝感謝。
スポンサーサイト



LaTeXMathML

このブログの中でLaTeXMathMLが使えるかどうかチェック。

$ \displaystyle{ \frac{a(x-x_0)}{n_x} = \frac{b(y-y_0)}{n_y} = \frac{c(z-z_0)}{n_z} } $

$ \displaystyle{ s \left(\begin{array}{c} u \\ v \\ 1 \end{array}\right) = \left(\begin{array}{c c c} f_x & 0 & c_x \\ 0 & f_y & c_y \\ 0 & 0 & 1 \end{array}\right) \left(\begin{array}{c c c c} r_{11} & r_{12} & r_{13} & t_x \\ r_{21} & r_{22} & r_{23} & t_y \\ r_{31} & r_{32} & r_{33} & t_z \end{array}\right) \left(\begin{array}{c} X_w \\ Y_w \\ Z_w \\ 1 \end{array}\right) }$

SyntaxHighlighter3

FC2ブログでSyntaxHighlighter(3.0.83)が使えるかどうかテスト。

テンプレートを複製して以下を追加。

ヘッダ内に
<link type="text/css" rel="stylesheet" 
  href="http://pudexp.web.fc2.com/.sh3/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" 
  href="http://pudexp.web.fc2.com/.sh3/styles/shThemeDefault.css"/>
ボディの最後に
<script src="shCore.js" 
  type="text/javascript"></script>
<script src="shAutoloader.js" 
  type="text/javascript"></script>
<script type="text/javascript">
  function path()
  {
    var args = arguments, result = [];
    for(var i = 0; i < args.length; i++)
      result.push(args[i].replace
        ('@', 'http://pudexp.web.fc2.com/.sh3/scripts/'));
    return result
  };
  SyntaxHighlighter.autoloader.apply(null, path(
    'applescript            @shBrushAppleScript.js',
    'actionscript3 as3      @shBrushAS3.js',
    'bash shell             @shBrushBash.js',
    'coldfusion cf          @shBrushColdFusion.js',
    'cpp c                  @shBrushCpp.js',
    'c# c-sharp csharp      @shBrushCSharp.js',
    'css                    @shBrushCss.js',
    'delphi pascal          @shBrushDelphi.js',
    'diff patch pas         @shBrushDiff.js',
    'erl erlang             @shBrushErlang.js',
    'groovy                 @shBrushGroovy.js',
    'java                   @shBrushJava.js',
    'jfx javafx             @shBrushJavaFX.js',
    'js jscript javascript  @shBrushJScript.js',
    'perl pl                @shBrushPerl.js',
    'php                    @shBrushPhp.js',
    'text plain             @shBrushPlain.js',
    'py python              @shBrushPython.js',
    'ruby rails ror rb      @shBrushRuby.js',
    'sass scss              @shBrushSass.js',
    'scala                  @shBrushScala.js',
    'sql                    @shBrushSql.js',
    'vb vbnet               @shBrushVb.js',
    'xml xhtml xslt html    @shBrushXml.js'
  ));
  SyntaxHighlighter.all();
</script>
プロフィール

ぷで

Author:ぷで

カテゴリ
最新記事
月別アーカイブ
リンク