1. 用MathJax显示公式
见https://weilai5432.github.io/2017/01/11/MathJax-%E5%9C%A8MarkDown%E4%B8%AD%E6%8F%92%E5%85%A5%E6%95%B0%E5%AD%A6%E5%85%AC%E5%BC%8F/
对于 Html 文件,只需要在 <head>
块(<body>
也可以,但推荐<head>
)中插入如下代码即可:
<script type="text/javascript" async
src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
这段代码的作用就是从网上找到 MathJax 的JS文件并直接引用。
一个简单的配置:
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
extensions: ["tex2jax.js"],
jax: ["input/TeX", "output/HTML-CSS"],
tex2jax: {
<!--$表示行内元素,$$表示块状元素 -->
inlineMath: [ ['$','$'], ["\\(","\\)"] ],
displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
processEscapes: true
},
"HTML-CSS": { availableFonts: ["TeX"] }
});
</script>
<!--加载MathJax的最新文件, async表示异步加载进来 -->
<script type="text/javascript" async src="https://cdn.mathjax.org/mathjax/latest/MathJax.js">
</script>
2. flask框架
{% block head %}
{{ super() }}
{% endblock %}
只需将上面的javascript语句插入到{{ super() }}之后
3. 写入公式
在html的文字中直接插入 LaTeX 代码来表示数学符号了。
用 $
(行内代码)或 $$
(代码块)来把数学代码和正常文字区分开,如:
$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$