开启vscode写markdown的正确姿势

  • 安装vscode
  • 安装markdown插件
  • 使用篇
  1. 安装vscode
    之所以罗嗦一下安装,是因为安装版明显不如解压绿色版好
    用,特此标记一下!
     
  2. 安装Markdown Preview Enhanced
    vscode默认是支持markdown的,只需要装一个预览插件神器:Markdown Preview Enhanced。
    除了常规3的功能外,特别要提出的是两个功能:
(1)图像

Markdown Preview Enhanced 内部支持 mermaid, PlantUML, WaveDrom, GraphViz,Vega & Vega-lite,Ditaa 图像渲染。
你也可以通过使用 Code Chunk 来渲染 TikZ, Python Matplotlib, Plotly 等图像。

(2)图像

Code Chunk

Markdown Preview Enhanced 支持渲染代码的运行结果!!!!!!!!

  1. 使用篇:

首先新建一个.md的文件 xxx.md

在MPE previewz中会看到相应的视图内容

一级标题# 二级标题## 三级标题### 依次往下..

这个

这个

这个

这个

这个
这个

目录结构可以用 - 安装vscode (记住中间加空格)编译出来就像这个样子

  • 我长这个样子

引入字段使用尖角号 >

我长这个样子

加粗使用 ** XXX ** 斜线是加三个***

我长这个样子

表格使用竖线 | 周一 | 周二 | 周三 | 然后再在下面加上| --- | --- | --- |写几个空格就在下面加几个

 | 周一 | 周二 | 周三 |
 | --- | --- | --- |
 | 周三 | 周四 | 周五 |
周一 周二 周三
周三 周四 周五

图片引入方式

语法格式: ![](图片链接地址) 
  或   ![](图片链接地址 "说明文字")

引入代码左上角波浪号中的 (你所写语法) ```` 是html就 html css ``` 给写css

    ```html
      中间插入内容
    ```

 

以上功能可应付90%的写作 如遇到问题可下方留言

你可能感兴趣的:(开启vscode写markdown的正确姿势)