vscode 中markdown导出无法显示流程图及数学公式

1. 在vscode中进行markdown预览

安装插件

 2. 导出时会遇到内嵌数学公式和流程图之类无法显示

在文件内添加这段内容即可

<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">
    MathJax.Hub.Config({ tex2jax: {inlineMath: [['$', '$']]}, messageStyle: "none" });
</script>

  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
在VS Code配置Markdown流程图的流程如下: 1. 首先,确保你已经安装了VS Code编辑器Markdown插件。可以在VS Code的扩展商店搜索并安装"Markdown All in One"和"Markdown TOC"插件。 2. 接下来,创建一个新的Markdown文件或打开一个已有的Markdown文件。 3. 安装并启用"Markdown Preview Enhanced"插件。这个插件提供了更多的Markdown功能,包括流程图的支持。 4. 在Markdown文件,使用流程图的语法来描述流程图。常用的流程图语法有"mermaid"和"PlantUML"。你可以在流程图代码块使用这些语法,然后在预览查看生成的流程图效果。 5. 配置Markdown Preview Enhanced插件,使其支持流程图显示。在VS Code的设置搜索"Markdown Preview Enhanced",找到相关选项,将其设置为正确的流程图语法("mermaid"或"PlantUML")。 6. 最后,保存Markdown文件并在预览查看生成的流程图。根据你选择的流程图语法,你可能需要在预览启用相应的渲染模式。 总结一下,配置Markdown流程图的流程包括安装Markdown插件、安装并启用Markdown Preview Enhanced插件、使用流程图语法编写流程图代码块,并配置预览插件支持流程图的语法。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [vscode配置markdown,安装插件](https://blog.csdn.net/qq_38074673/article/details/106123101)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值