Markdown使用-5 数学公式

本文介绍如何在Markdown文档中使用LaTex语法编辑数学公式,包括行内和独立公式的插入方法,以及LaTex公式编辑器的推荐,适合需要在Markdown文件中插入复杂数学公式的读者。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Markdown标准语法中没有数学公式编辑的内容,之前都是通过图片的形式插入数学公式,现在学会了通过编辑LaTex语法的数学公式,然后插入到Markdown文件中


目录

  1. LaTex简介
  2. 如何编辑数学公式
  3. 如何在Markdown文件中插入数学公式

LaTex简介

参考:

TeX

LaTeX

LATEX

Tex是由Donald Knuth创造的一个排版计算机程序(a typesetting computer program),它能够将文本文件编译成高质量的文档。

LaTex是基于Tex的宏定义系统,其目的是为了简化Tex的指令操作,使用LaTex可以生成复杂的数学公式。


如何编辑数学公式

LaTex为编辑数学公式提供了简单的指令,但我并不想在这里介绍哪些指令可以实现哪种数学公式,可以通过公式编辑器,使用图形化的方式编辑数学公式

LaTeX公式编辑器

如果遇到哪个符号没有找到,可以去下面链接快速搜索

LaTeX/Mathematics

MarkDown Latex公式,矩阵,表格等使用

Markdown编辑器必须包含MathJax引擎来支持LaTex数学公式


如何在Markdown文件中插入数学公式

分为两种情况:

  • 对于行内公式而言,在公式两边各一个美元符号($
  • 对于单独一行公式而言,在公式两边各两个美元符号($$

比如

$$y(n)=(f\ast g)(n)=\sum_{\tau =\infty}^{\infty}f(\tau )g(n-\tau )d\tau $$

y ( n ) = ( f ∗ g ) ( n ) = ∑ τ = ∞ ∞ f ( τ ) g ( n − τ ) d τ y(n)=(f\ast g)(n)=\sum_{\tau =\infty}^{\infty}f(\tau )g(n-\tau )d\tau y(n)=(fg)(n)=τ=f(τ)g(nτ)dτ

其中符号 ∗ \ast 表示卷积操作,它的实现方式是其中一个函数 f ( τ ) f(\tau ) f(τ)在另一个函数 g ( n − τ ) g(n-\tau ) g(nτ)上的加权求和的过程

$$H(x,y) = \sum_{i=0}^{M_{i} - 1} \sum_{j=0}^{M_{j}-1} I(x+i - a_{i}, y + j - a_{j})K(i,j)$$

H ( x , y ) = ∑ i = 0 M i − 1 ∑ j = 0 M j − 1 I ( x + i − a i , y + j − a j ) K ( i , j ) H(x,y) = \sum_{i=0}^{M_{i} - 1} \sum_{j=0}^{M_{j}-1} I(x+i - a_{i}, y + j - a_{j})K(i,j) H(x,y)=i=0Mi1j=0Mj1I(x+iai,y+jaj)K(i,j)

$$\frac{1}{9}\begin{bmatrix}
1 & 1 & 1\\ 
1 & 1 & 1\\ 
1 & 1 & 1
\end{bmatrix}$$

1 9 [ 1 1 1 1 1 1 1 1 1 ] \frac{1}{9}\begin{bmatrix} 1 & 1 & 1\\ 1 & 1 & 1\\ 1 & 1 & 1 \end{bmatrix} 91111111111

$$\begin{bmatrix}
1& 2& 3\\ 
4& 5& 6\\ 
7& 8& 9
\end{bmatrix}\Rightarrow \begin{bmatrix}
3& 2& 1\\ 
6& 5& 4\\ 
9& 8& 7
\end{bmatrix}\Rightarrow \begin{bmatrix}
9& 8& 7\\ 
6& 5& 4\\ 
3& 2& 1
\end{bmatrix}$$

[ 1 2 3 4 5 6 7 8 9 ] ⇒ [ 3 2 1 6 5 4 9 8 7 ] ⇒ [ 9 8 7 6 5 4 3 2 1 ] \begin{bmatrix} 1& 2& 3\\ 4& 5& 6\\ 7& 8& 9 \end{bmatrix}\Rightarrow \begin{bmatrix} 3& 2& 1\\ 6& 5& 4\\ 9& 8& 7 \end{bmatrix}\Rightarrow \begin{bmatrix} 9& 8& 7\\ 6& 5& 4\\ 3& 2& 1 \end{bmatrix} 147258369369258147963852741

### 配置 `markdown-it` 解析带数学公式Markdown 为了使 Vue 项目能够解析带有数学公式Markdown 文件,可以利用 `markdown-it-katex` 插件扩展 `markdown-it` 的功能。以下是具体实现方法: #### 安装依赖库 首先安装必要的 npm 包: ```bash npm install markdown-it markdown-it-katex highlight.js ``` #### 初始化并配置 `markdown-it` 创建一个用于初始化和配置 `markdown-it` 实例的方法,在此过程中引入 `markdown-it-katex` 和其他所需的插件。 ```javascript // src/utils/markdownParser.js import MarkdownIt from 'markdown-it'; import hljs from 'highlight.js'; const md = new MarkdownIt({ html: true, linkify: true, typographer: true, highlight: function (str, lang) { if (lang && hljs.getLanguage(lang)) { try { return `<pre class="hljs"><code>${ hljs.highlight(str, { language: lang }).value }</code></pre>`; } catch (_) {} } return `<pre class="hljs"><code>${md.utils.escapeHtml( str )}</code></pre>`; }, }); // 使用 math 插件支持 LaTeX 数学表达式渲染 import katex from "markdown-it-katex"; md.use(katex); export default md; ``` #### 创建全局组件或局部使用 如果希望在整个应用程序中都能方便地调用该解析器,则可以通过定义全局组件的方式;也可以仅限于某个页面内按需加载。 ##### 方法一:注册为全局组件 编辑 main.js 或者 app.vue 将其设置成全局可用: ```javascript // main.js or app.vue import Vue from 'vue'; import App from './App.vue'; import MarkdownParser from '@/utils/markdownParser'; // 自定义路径可能不同 Vue.prototype.$markdown = MarkdownParser; new Vue({ render: h => h(App), }).$mount('#app'); ``` 此时可以在任何地方通过 this.$markdown 来访问这个实例对象了。 ##### 方法二:作为本地变量导入到单个视图文件里 在需要使用的 .vue 组件内部直接 import 即可。 ```html <template> <div v-html="$markdown.render(content)"> </div> </template> <script> import MarkdownParser from "@/utils/markdownParser"; export default { data() { return { content: '# Hello\n\n$$E=mc^2$$\n' }; } }; </script> ``` 以上操作完成后就可以正常显示包含有LaTeX语法标记的公式内容了[^1]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值