如何结合 Marked 和 MathJax

Question

我所知道的

使用 Marked Documentation，我能够创建正确呈现 markdown 语法的代码：

<!doctype html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>Marked in the browser</title>
</head>
<body>
  <div id="content"></div>
  <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
  <script>
    document.getElementById('content').innerHTML =
      marked('# Marked in browser\n\nRendered by **marked**.');
  </script>
</body>
</html>

带有上述示例的真实网页是 here。

我也可以使用 this answer:

使 mathJax 内联渲染工作

<!from: https://tex.stackexchange.com/questions/27633/mathjax-inline-mode-not-rendering>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {
inlineMath: [ ['$','$'], ["\(","\)"] ],
processEscapes: true
}
});
</script>

效果很好 (real-world example)。

<script type="text/javascript"
    src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

<!from: https://www.mathjax.org/#gettingstarted>
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

<!from: 

<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


This is an example of MathJax inline rendering: $\dot{u}=\alpha \nabla^2 u$.

问题

如何结合 Marked 和 MathJax？ 我希望能够使用类似于 math.stackexchange.com 的语法：markdown 和 MathJax 结合。

预期输出

例如，这段文字（被一些 JS 魔法包围）：

Problem
-------

I am having trouble with finding a solution which satisfies the boundary and initial conditions to this PDE:

$$\frac{\partial u}{\partial t} = \frac{\partial ^2 u}{\partial^2x}$$
where $u=u(x,t)$, [=13=] \leq x \leq L$
with boundary & initial conditions: 
 
BC1: $u(x=0,t>0)=T_f$;
BC2: $u(x=L,t>0)=T_i$;
IC: $u(x,t=0)=f(x)$

应该呈现如下内容：

(source)

我怎样才能做到这一点？

(这里是JS新手)

Answer 1

一个快速的解决方法是使用https://stackedit.io/app

写完文本后，您可以将内容发布到 HTML（到云驱动器），结果完全您想要的，例如http://hangtarolo.hu/math.html 结果可以通过 stackedit.js 嵌入：https://openbase.io/js/stackedit/documentation

另一方面，这里有联合使用的建议：https://hiltmon.com/blog/2017/01/28/mathjax-in-markdown——但对我来说没有用。也许 markdown2 可以，但它只适用于 Mac.

或者第三种可能：您可以在同一个文件中使用这两种表示法，但不能像在 https://hangtarolo.hu/math.php 中那样在同一行中使用（php 代码在这里：https://hangtarolo.hu/math.txt – php 任务只是将换行符替换为“\n”。）

如何结合 Marked 和 MathJax

How to combine Marked and MathJax

html

javascript

rendering

我所知道的

问题

预期输出