尧图网站建设 尧图网络
  • 首页
  • 关于我们
  • 服务项目
  • 案例展示
  • 建站流程
  • 资讯中心
  • 联系我们
首页/资讯中心/详情

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

VScode写MarkDown文件,内嵌LaTex公式,Smiles公mermaid图--学习心得笔记
📅 发布时间:2026/7/7 7:44:38

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个月逐步完善。

相关新闻

  • WorldQuant Alphathon 因子构建实战:5 类数据源与 3 种核心策略(动量/反转/情绪)解析
  • 使用Deepseek进行Oracle恢复,引起重大故障---惜分飞
  • 文件上传gitee

最新新闻

  • SAC中的Dataset/Model/Planning model
  • ASM330LHH与PIC18LF4525在运动跟踪系统中的硬件设计与优化
  • 从误差累积到帧间稳定:HappyHorse 原生时序约束机制解决十类画面时序问题技术复盘
  • QQ音乐解析终极指南:用Python轻松解锁海量音乐资源的完整开源方案
  • 口碑最好的AI论文网站推荐(从选题到答辩全流程)适合全体毕业生
  • Edge/Chrome STATUS_INVALID_IMAGE_HASH 错误:3种根因分析与4步根治方案

日新闻

  • Android逆向分析全能助手:集成化工具链与自动化工作流设计
  • 面搜索(Faceted Search)原理与工程实践指南
  • 神经网络调参避坑指南:从5个常见Loss曲线形态定位超参数问题

周新闻

  • 基于YOLOv12的番茄成熟度智能检测系统开发
  • 终极RimWorld模组管理指南:用RimSort告别模组冲突烦恼
  • AI Agent框架开发:从理论到实践的完整指南

月新闻

  • 2026年6月公司网站搭建最新热门渠道测评:四大低成本/零代码平台对比+避坑
  • 【Linux】Linux arm 编译QT程序,出现expected “}“报错
  • 【MATLAB例程】四基站二维AOA定位与距离辅助增强对比仿真。基于角度观测和测距修正的固定目标平面定位精度分析

关于尧图

  • 公司简介
  • 团队介绍
  • 企业文化
  • 荣誉资质

服务项目

  • 定制开发
  • 电商建站
  • UI 设计
  • 运维服务

快速链接

  • 案例展示
  • 建站流程
  • 常见问题
  • 资讯中心

联系方式

  • 📍北京市朝阳区互联网产业园 A 座 10 层
  • 📞400-888-8888
  • ✉️contact@rkmt.cn
  • 🕐周一至周日 9:00-21:00

© 2024 北京尧图网络科技有限公司 版权所有 | 京 ICP 备 XXXXXXXX 号