美文网首页markdown学习
开启vscode写markdown的正确姿势

开启vscode写markdown的正确姿势

作者: 让代码飞会儿 | 来源:发表于2018-09-21 09:47 被阅读0次
    • 安装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的正确姿势

        本文链接:https://www.haomeiwen.com/subject/agfanftx.html