VScode写MarkDown文件，内嵌LaTex公式，Smiles公mermaid图--学习心得笔记

2026-7-6第一次写

最近用paddleOCR识别文档生成word过程中接触到了MarkDown，特此对MarkDown进行了一些学习。先将学习心得记录一下。

装了这几个扩展：

一、Markdown基本知识

二、嵌入LaTex数学公式

$$ \fcolorbox{red}{gray}{$ \textcolor{red}{\huge e^x=\lim_{n\to\infty}\left(1+\frac{x}{n}\right)^n\qquad(1)}$} $$

三、嵌入LaTex化学方程式

\begin{align*} \ce{NaOH + HCl &-> NaCl + H2O} \\ \ce{Ba^2+ + SO4^2- &-> BaSO4 v} \end{align*}

行内示例：合成氨 $\ce{N2 + 3H2 <=>[Fe][高温高压] 2NH3}$

居中独立公式： \[ \ce{CH3COOH + C2H5OH <=>[浓H2SO4][\Delta] CH3COOC2H5 + H2O} \] 以下同理： $$ \ce{CH3COOH + C2H5OH <=>[浓H2SO4][\Delta] CH3COOC2H5 + H2O} $$

电子式：

1. 氯离子的电子式 $$ [ :\underset{\mathbf{.\,.}}{ \overset{\mathbf{.\,.}}{\text{Cl} }}: ]^{\text{-}}$$ 注1：\text是为了避免自动斜体

四氯化碳 $$\text{:} \mathop{\text{Cl}}\limits_{\mathbf{.\,.}}^{\mathbf{.\,.}}\text{:} \mathop{\text{C}}\limits_{\text{:} \mathop{\text{Cl}}\limits_{\mathbf{.\,.}}^{\mathbf{.\,.}}\text{:}}^{\text{:} \mathop{\text{Cl}}\limits_{\mathbf{.\,.}}^{\mathbf{.\,.}}\text{:}} \text{:} \mathop{\text{Cl}}\limits_{\mathbf{.\,.}}^{\mathbf{.\,.}}\text{:}$$ $$ \text{:} \mathop{\text{Cl}}\limits_{\mathbf{.\,.}}^{\mathbf{.\,.}} \text{:} \mathop{\text{C}} \limits_ {\normalsize \text{:} \mathop{\text{Cl}} \limits_{\mathbf{.\,.}}^{\mathbf{.\,.}}\text{:}} ^ {\normalsize \text{:} \mathop{\text{Cl}} \limits_{\mathbf{.\,.}}^{\mathbf{.\,.}}\text{:}} \text{:} \mathop{\text{Cl}}\limits_{\mathbf{.\,.}}^{\mathbf{.\,.}} \text{:} $$ $$ \text{:} \mathop{\text{Cl}}\limits_{\mathbf{.\,.}}^{\mathbf{.\,.}} \cdotp \cdotp \mathop{\text{C}} \limits_ {\normalsize \text{:} \mathop{\text{Cl}} \limits_{\mathbf{.\,.}}^{\normalsize \mathbf{:}}\text{:}} ^ {\normalsize \text{:} \mathop{\text{Cl}} \limits_{\normalsize \mathbf{:}}^{\mathbf{.\,.}}\text{:}} \cdotp \cdotp \mathop{\text{Cl}}\limits_{\mathbf{.\,.}}^{\mathbf{.\,.}} \text{:} $$ $$ \text{:} \mathop{\text{Cl}}\limits_{\mathbf{.\,.}}^{\mathbf{.\,.}} \mathop{\cdotp \cdotp \text{C} \cdotp \cdotp } \limits_ {\normalsize \text{:} \mathop{\text{Cl}} \limits_{\mathbf{.\,.}}^{\normalsize \mathbf{:}}\text{:}} ^ {\normalsize \text{:} \mathop{\text{Cl}} \limits_{\normalsize \mathbf{:}}^{\mathbf{.\,.}}\text{:}} \mathop{\text{Cl}}\limits_{\mathbf{.\,.}}^{\mathbf{.\,.}} \text{:} $$ $$ \text{:} \mathop{\text{Cl}}\limits_{\mathbf{.\,.}}^{\mathbf{.\,.}} \mathop{{:} \text{C}{:} } \limits_ {\normalsize \text{:} \mathop{\text{Cl}} \limits_{\mathbf{.\,.}}^{\normalsize \cdotp \cdotp}\text{:}} ^ {\normalsize \text{:} \mathop{\text{Cl}} \limits_{\normalsize \cdotp \cdotp}^{\mathbf{.\,.}}\text{:}} \mathop{\text{Cl}}\limits_{\mathbf{.\,.}}^{\mathbf{.\,.}} \text{:} $$

五段代码的不同效果：

二、用电子式表示的化学方程式 若需要，将md文件导出为docx文件，复制其公式即可。 1. 用电子式表示硫化钠的形成过程 这个版本兼容性欠佳，在obsidian软件中效果较好，将md文件转docx时，\LARGE处报错，即便删除后，箭头的对齐效果很差。 $$\text{Na}\overset{\LARGE{\LARGE{\curvearrowright}}}{{\overset{×} {}+·}} \overset{\bf{.\,.}} {\underset {\bf{.\,.}}{\text{S}}}\overset{\LARGE{\LARGE{\curvearrowleft}}}{{·+\overset{×} {}} }\text{Na}\longrightarrow\text{Na}^+[\overset{×} {{\text{.}}}\overset{ \bf{.\,.} }{\underset {\bf{.\,.}}{\text{S}}}\overset{×} {{\text{.}}}]^\text{2-}\text{Na}^+$$

2. 用电子式表示硫化钠的形成过程(不带箭头版) 可以导出word，只是缺少的箭头只能通过在word文件中添加形状的方式完成了，唉。 $$\text{Na}\text{×}\;\text{+}\;{\cdotp}\overset{\mathbf{.\,.}}{\underset {\mathbf{.\,.}}{\text{S}}} {{\cdotp}\;\text{+}\;\text{×}}\text{Na}\longrightarrow\text{Na}^+[\overset{\text{×}} {{\text{.}}} \overset{ \mathbf{.\,.} }{\underset {\mathbf{.\,.}}{\text{S}}}\overset{\text{×}} {{\text{.}}} ]^\text{2-}\text{Na}^+$$

四、嵌入SMILES有机化学分子式

```smiles O=C(N[C@@H](C)C1=CC=C(C(O)=O)C=C1)C2=C(CC3=CC=C(OC(F)F)C(OC(F)F)=C3)SC4=C2CCOC4 ```

五、嵌入mermaid流程图

``` mermaid graph TD subgraph 客户端层 Web[Web端] App[移动端App] H5[H5页面] end subgraph 服务层 Gateway[API网关] UserSvc[用户服务] OrderSvc[订单服务] PaySvc[支付服务] end subgraph 数据层 MySQL[(MySQL数据库)] Redis[(Redis缓存)] MinIO[(MinIO对象存储)] end Web --> Gateway App --> Gateway H5 --> Gateway Gateway --> UserSvc Gateway --> OrderSvc Gateway --> PaySvc UserSvc --> MySQL UserSvc --> Redis OrderSvc --> MySQL PaySvc --> MySQL PaySvc --> MinIO ```

六、嵌入CD图

$$ \begin{CD} A@>>>B@>{\text{very long label}}>>C\\ @.@AAA@|\\ D@=E@<<<F \end{CD} $$

今天先把大纲搭起来，争取2个月逐步完善。