使用VSCode编写Markdown文件

本文介绍了如何在VSCode中使用Markdown,包括安装、基本语法如标题、引用、列表、链接、图片、代码块和公式,以及导出为PDF文档的过程。
摘要由CSDN通过智能技术生成

本篇是根据B站视频:【全网最详细Markdown入门使用教程】做的学习笔记,供大家参考。

使用VSCode编写Markdown文件

一、准备工作

  1. 安装VSCode:官方下载地址
    在这里插入图片描述

    如图所示,根据你电脑操作系统选取对应的软件进行安装。

  2. 下载必要的插件

    • Markdown All in One
    • Markdown Preview Enhanced
    • Paste Image
  3. 创建.md文件,打开同步预览功能,开始编辑

二、基本语法

  1. 标题

    Markdown 一共有六级标题,几级标题就是在对应的标题文字前面加几个#号,中间用空格分开。

    • 一级标题

      对应语法: # 一级标题
    • 二级标题

      对应语法: ## 二级标题
    • 三级标题

      对应语法: ### 三级标题

  2. 引用

    • 引用的示例如下:

    这里是引用示例

    对应语法:> 这里是引用示例

    • 嵌套引用的示例如下:

    一级引用

    二级引用

    三级引用

    对应语法: >一级引用
          >>二级引用
          >>>三级引用

  3. 列表

    1. 无序列表
      无序列表共有三种书写方式,如下所示:

      • 列表1   对应语法:- 列表1
      • 列表2   对应语法:+ 列表2
      • 列表3   对应语法:* 列表3

    2. 有序列表
      有序列表即本文档前面的1234分级标题,对应的语法为:对应的数字+小数点+空格

    3. 嵌套
      列表的嵌套即本文档分级标题,分级用Tap键表示

    4. 待办列表

      • 待办事项1   对应语法:- [x] 待办事项1
      • 待办事项2   对应语法:- [ ] 待办事项2
      • 待办事项3   对应语法:- [ ] 待办事项3

  4. 表格

    左对齐居中对齐右对齐
    112233

    对应语法:
    | 左对齐 | 居中对齐 | 右对齐 |  第一行为表头,默认自动加粗
    | :--- | :---: | ---: |  第二行设置表格样式,左侧冒号为左对齐,两侧冒号为居中对齐,右侧冒号为右对齐
    | 11 | 22 | 33 |  第三行开始为正文内容,后续续表也直接添加即可

  5. 段落

    • 换行  两个空格后接回车换行;采用HTTP语法<br/>换行
    • 空格&emsp;表示占据的宽度正好是1个中文宽度,&ensp;表示占据的宽度正好是1/2个中文宽度
    • 分割线---*** 均表示分隔线
    • 字体
      示例语法
      强调文本*强调文本*  OR  _强调文本_
      加粗文本**加粗文本**  OR  __加粗文本__
      标记文本==标记文本==
      删除文本~~删除文本~~
      H2OH~2~O
      2102^10^
      下划线<u>下划线</u>
    • 脚注  在对应的文本后加脚注的语法为:[^1] ,文本后做注解的语法为[^1]: ,脚注的表现为右上角的数字,这里作为示例 1

  1. 代码

    #include<iostream>
    using namespace std;
    int main(){
     print("Hello World!");
    }
    

    代码段对应语法:分别在代码前后加上三个间隔号 ```,代码前的三个间隔号后可以加上编程语言的名字,这样会高亮对应编程语言的关键词: ```C++

    print("Hello World!");

    代码句标记就是在代码前后都加上一个间隔号``

  2. 超链接
    给文本添加一个超链接,例如:百度官网地址
    对应语法:[百度官网地址](www.baidu.cm)

  3. 图片

    • Markdown中使用![baidu](https://i-blog.csdnimg.cn/blog_migrate/54963d1800f2208d6288205c7ca3d5a3.png) 表示图片,改语法表示如下图:
      baidu
    • 关于图片的插入,Markdown中可以使用图床插入(保存一个免费的图床网站:路过图床),也可以使用Markdown语法插入,还可以使用HTML语法调整大小和位置,这里不过多展开,需要再针对性查阅。

三、其他操作

  • 插入latex公式

    • 行内显示公式: f ( x ) = a x + b f(x)=ax+b f(x)=ax+b    语法表示为:$f(x)=ax+b$
    • 块内显示公式:
      { a b c d } \begin{Bmatrix} a & b \\ c & d \end{Bmatrix} {acbd}
      语法表示为:
      $$
      \begin{Bmatrix}
      a & b \\
      c & d
      \end{Bmatrix}
      $$
      

    这一部分是关于数学公式的编辑,需要的话后续再进行进一步学习。

  • html/css语法
    这两个语法能对页面进一步美化,后续根据需要再学习。

四、导出为PDF文档

  • 可以使用Markdown PDF插件进行导出(数学公式无法导出)
  • 先保存,然后在预览界面Open in Browser - 手动另存为PDF文档

  1. 这个是脚注示例,会显示在页面末尾。 ↩︎

  • 31
    点赞
  • 42
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值