xyjax-snippet.html

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS_HTML.js"></script>
<script type="text/x-mathjax-config">
  MathJax.Ajax.config.path.xyjax = '//sonoisa.github.io/xyjax_ext';
  MathJax.Ajax.config.path.Contrib = '//cdn.mathjax.org/mathjax/contrib';

  MathJax.Hub.Config({
    extensions: [ 'tex2jax.js' ],
    jax: [ 'input/TeX', 'output/HTML-CSS' ],
    tex2jax: {
      inlineMath: [ [ '$', '$' ], [ '\\(', '\\)' ] ],
      displayMath: [ [ '$$', '$$' ], [ '\\[', '\\]' ] ],
    },
    TeX: {
      extensions: [ 'AMSmath.js', 'AMSsymbols.js', '[Contrib]/xyjax/xypic.js' ],
    },
    'HTML-CSS': {
      styles: {
        '.MathJax_Preview': {
          'visibility': 'hidden',
        },
        '#MathJax_Zoom': {
          'background-color': '#FFFFFF',
          'cursor': 'none',
        }
      },
    },
  });
</script>
<style>
  .center {
    display: block;
    text-align: center;
  }
</style>

<!-- ここに可換図式の数式を記述 -->