MathJaxの拡張機能 XyJax が使えない

MathJaxの拡張機能 XyJax が使えません。

XyJaxのホームページはhttp://sonoisa.github.io/xyjax/xyjax.html
インストール方法の説明が書いてあるページはhttps://github.com/sonoisa/XyJax/blob/master/README.md
そして、サンプルページはhttp://sonoisa.github.io/xyjax_ext/sample-xyjax.html
です。

しかし、サンプルページと同じ結果を出そうと、

HTML
1<script type="text/x-mathjax-config">
2	MathJax.Hub.Config({
3		TeX: {  extensions: ["color.js", "AMSmath.js", "AMSsymbols.js", "http://sonoisa.github.io/xyjax_ext/xypic.js"] },
4		tex2jax: { inlineMath: [['$','$'], ["\(","\)"]] }
5	});
6</script>
7<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-AMS_CHTML"></script>
8
9tex-$\TeX$
10<hr />
11[
12\begin{xy}
13\xymatrix {
14U \ar@/_/[ddr]_y \ar@{.>}[dr]|{\langle x,y \rangle} \ar@/^/[drr]^x \
15 & X \times_Z Y \ar[d]^q \ar[r]_p & X \ar[d]_f \
16 & Y \ar[r]^g & Z
17}
18\end{xy}
19]

と入力してみましたが、上手く行きません。
Codepenにて同じ内容を入力したものがhttps://codepen.io/infologicmation/pen/MzjdRQこれですが、上手くいっていません。
どうすればよいでしょうか？

行動規範の内容に同意します

回答1件

自己解決

自己解決しました。

<head>タグ内に ```JavaScript <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["Contrib"] = "//cdn.mathjax.org/mathjax/contrib"; MathJax.Hub.Config({ TeX: { extensions: ["AMSmath.js","AMSsymbols.js","[Contrib]/xyjax/xypic.js"] }, tex2jax: { inlineMath: [['$','$'], ["$","$"]] } }); </script> ``` と書けば上手く行きました。

質問文にあったサンプル、

JavaScript
1$
2\begin{xy}
3\xymatrix {
4U \ar@/_/[ddr]_y \ar@{.>}[dr]|{\langle x,y \rangle} \ar@/^/[drr]^x \
5 & X \times_Z Y \ar[d]^q \ar[r]_p & X \ar[d]_f \
6 & Y \ar[r]^g & Z
7}
8\end{xy}
9$