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

📅 2026/7/7 7:30:08
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 OC(N[CH](C)C1CCC(C(O)O)CC1)C2C(CC3CCC(OC(F)F)C(OC(F)F)C3)SC4C2CCOC4 五、嵌入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} AB{\text{very long label}}C\\ .AAA|\\ DEF \end{CD} $$今天先把大纲搭起来争取2个月逐步完善。