[零基础]如何在vscode中使用markdown

这篇具有很好参考价值的文章主要介绍了[零基础]如何在vscode中使用markdown。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

关于用vscode写markdown文件

一、个人对markdown的理解

  1. markdown是一种文本编辑的语法,个人认为它与word等其他文本编辑工具相比更能够让笔者专注于自己书写的文章的内容而不是格式。使用者可以通过一种代码语法,来完成对所写文章格式的编辑,从而让使用者的手不需要离开键盘就能够完成文章,提高效率和专注度。
  2. markdown对计算机语言学习者十分友好,学习者使用markdown整理所学知识的效率和效果比常用的word或txt好得多,它清晰简约的风格受到许多程序员和程序学习者的青睐。
  3. 笔者了解到的有关markdown的知识其实非常少,只是觉着这种方式使得做总结或记录知识点时非常方便,于是想拿来与大家分享,希望能够帮助大家更方便地学习计算机语言。

二、一些基础的配置

  1. 首先我们需要下载并安装Visual Studio Code(后简称vscode)文本编辑器,在官网或电脑软件商店应该都可以下载到。
  2. 我们首先需要在vscode中安装几个扩展,因为vscode本身只是一个文本编辑器性质的工具。打开编辑器后,在左边的功能栏进入扩展商店
    ①首先搜索Chinese并安装Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code扩展,之后重新启动vscode就会发现vscode现在已经变成中文了。
    markdown vscode,vscode,编辑器
    ②之后我们还需要安装以下几个扩展
    markdown vscode,vscode,编辑器
    markdown vscode,vscode,编辑器
    每个扩展都有自己的功能,笔者不再展开讲述,安装
    这些扩展后基本上能够满足我们的使用需求。
  3. 现在可以开始建一个markdown文档了,我们需要通过vscode在喜欢的位置建立一个文件夹,之后再建立一个后缀为md的文件,这就是markdown文件的格式。如图所示
    markdown vscode,vscode,编辑器
    现在可以开始编辑啦!

三、基本语法

1.斜体、加粗、删除线

*示例文字*
_示例文字_
**示例文字**
***示例文字***
~~示例文字~~

相应的效果对应为
示例文字
示例文字
示例文字
示例文字
示例文字

2.分级标题

  • 写法一
    用不同个数的"#"并在后加一个空格(空格可有可无)来表示标题的级数

    # 一级标题
    ## 二级标题
    ### 三级标题
    #### 四级标题
    ##### 五级标题
    ###### 六级标题
    

    相应的效果对应为

    一级标题

    二级标题

    三级标题

    四级标题
    五级标题
    六级标题
  • 写法二
    在标题下一行写入三个"=“或”-"使得上一行成为标题

    一级标题
    ===
    二级标题
    ---
    

    相应的效果为

    一级标题

    二级标题

3.插入图片

常用的插入图片的方式有两种。

  • 插入本地图片
    我们可以将本地文件夹下的图片插入到文本中,需要用到如下语法
    ![图片解释](图片路径)
    
    其中的图片解释可以省去,注意’!‘和’[]'都是英文字符
  • 插入网络图片
    我们可以将网页上的图片插入到文本中,语法类似
    1[图片解释](网页图片链接)
    
    我们可以将网页图片"复制图片链接",然后粘贴到括号里。

4.分割线

我们可以在一个单独的行写入三个"-“或”*“或”_"来表现出一个分割线,效果是一样的

---
***
___

对应效果为




5.代码块

OK,代码块的使用应该会是学习者最常用的语法也是markdown备受青睐的原因之一。
对于vscode下的markdown渲染器,笔者认为主要有两个语法方法实用一些。

  • 行内代码
    如果在一行中需要引用代码,我们可以用一个‘`’表示开始,然后在用一个‘`’表示结束。(此键一般在ESC键下方,与‘~’同键)
    在这一行内我需要`示例代码`
    
    对应效果为
    在这一行内我需要示例代码
  • 多行代码
    当我们需要引用多行代码时,可以在代码的上一行写入三个连续的‘`’,并在其后标注代码语言,渲染器会根据你的代码语言给代码渲染上不同的颜色。
    ```c//开始并标注语言
    #include<stdio.h>
    int main()
    {
      printf("Hello, world");
      
      return 0;
    }
    ```//结束
    
    对应的效果如下
    #include<stdio.h>
    int main()
    {
      printf("Hello, world");
      
      return 0;
    }
    

6.列表

(1) 无序列表
使用“*”,“+”,“-”表示无序列表。
需要注意的是,在符号右面需要加一个空格,起到缩进的作用。

* 列表
- 列表
+ 列表

对应的效果为

  • 列表
  • 列表
  • 列表

(2) 有序列表
使用数字和一个英文句点“.”表示有序列表。
同样需要注意的是,在句点后需要加一个空格,起到缩进的作用。

1. 列表
2. 列表
3. 列表

对应的效果为

  1. 列表
  2. 列表
  3. 列表

(3) 有序无序相结合

* 1. 小标题
* 2. 小标题

对应的效果为

    1. 小标题
    1. 小标题

7. 表格

表格的写法很形象,和表格的形状很相似。

表头1|表头2|表头3
-|-|-
数据1|数据2|数据3

相应效果为

表头1 表头2 表头3
数据1 数据2 数据3

四、其他可能用到的

markdown的基本语法已经讲完了,使用三中的基本语法我们就基本可以很好地使用markdown了。额外的,markdown支持html语法,如果使用者有什么需求是markdown语法不能够实现的,我们可以通过html实现,笔者在这里举两个例子。

  • 居中语法
    markdown原本语法是不包含居中的,但我们可以通过html实现。
    <center>居中标题</center>
    
    对应的效果为
    居中标题
  • 上下角标
    我们可以通过语法实现平方上角标和对数下角标的效果
    x<sup>2</sup>
    log<sub>2</sub>x
    
    对应的效果为
    x2
    log2x

本文中只包含了笔者认为常用的语法,如果使用者还有其他需求,可以在网站搜索markdown和html的其他语法。
让我们一起开始写自己的markdown文件吧!文章来源地址https://www.toymoban.com/news/detail-734674.html

到了这里,关于[零基础]如何在vscode中使用markdown的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Linux基础工具|文本编辑器Vim的使用

    您好这里是limou3434的个人博客,感兴趣可以看看我的其他内容。 本次我给您带来的是Linux下Vim文本编辑器的使用,关于vim,您只需要知道一些常用的指令和操作即可,快速上手的秘诀是实践,并且是多次实践。 安装:在centos环境下安装vim可以使用“sudo yum install vim”,其他环

    2024年02月11日
    浏览(46)
  • Linux如何使用Nano编辑器

    Nano是一个文本编辑器,适用于命令行环境下的Linux系统。它具有简单易用的特点,适合初学者和有限的编辑需求。下面是一些Nano编辑器的详细命令和操作。 1. 启动Nano 要启动Nano编辑器并打开一个文件进行编辑,可以使用以下命令: 如果指定的文件不存在,Nano会创建一个新文

    2024年02月10日
    浏览(52)
  • 如何在PowerPoint中使用LaTex公式编辑器

    TexLive官网: https://www.tug.org/texlive/ 按照如下步骤依次进行安装 1、 2、 3、 4、 5、下载下来的是一个镜像文件,将其放在纯英文文件夹下,建议为 D:LaTex ,即 D:LaTextexlive2023.iso 6、右键解压缩到当前文件夹,如下图所示 7、右击以管理员模式运行 8、弹出下面窗口后点击“修改

    2024年02月06日
    浏览(50)
  • 使用MyEclipse如何部署Descriptor (XML)编辑器?

    Descriptor (XML) Editor编辑器包含了高级的XML编辑功能,在本文中您将了解到这些编辑功能、Web XML编辑等,此功能包含在MyEclipse中可用。 MyEclipse v2023.1.2离线版下载 1. Web XML 编辑器 MyEclipse Web XML编辑器包括高级XML编辑功能,如: 语法高亮显示 标签和属性内容辅助 实时验证(当您输

    2024年02月13日
    浏览(35)
  • Sprite Editor图片编辑器的使用_unity基础开发教程

    SpriteEditor是Unity引擎中的一个工具,用于创建和编辑2D图片。它提供了一系列功能,可以对图片进行剪裁、切割、翻转、旋转、调整大小等操作,以及设置图片的碰撞检测形状和渲染模式。 SpriteEditor可以帮助开发者将多张图片合并成动画精灵,并为每一帧设置播放时间和循环

    2024年02月01日
    浏览(41)
  • Vscode编辑器C/C++环境配置

            VSCode(全称:Visual Studio Code)是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全(又称 IntelliSense)、代码重构、查看定义功能,并且内置了命令行工具和 Git 版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置,也

    2024年02月08日
    浏览(59)
  • Vivado关联Vscode编辑器的各种配置

    1.在vivado工程界面Tool菜单中点击Settings 2.在Text Editor项目栏中打开Current Editor下拉框更换默认的文本编辑器,常用的有Notepad++。这里我们需要更改为VSCode,此时点击下拉框最下方的Custom Editor 3.Editor输入框中输入  C:/Program Files/Microsoft VS Code/Code.exe -g [file name]:[line number]前面加粗部

    2024年02月16日
    浏览(58)
  • VsCode与Idea编辑器更换背景图

    目录 VsCode Idea VsCode 需要安装background插件 安装完成后,打开设置,搜索background 然后就可以在json文件进行图片设置,透明度等等 Idea 打开File - Settings  然后找到Appearance , 往下滑,找到BackGround Image,点击  然后就会弹出背景设置的弹窗

    2024年02月14日
    浏览(55)
  • 如何使用基于GPT-4的Cursor编辑器提升开发效率

    程序员最恨两件事情:一是别人代码不写文档,二是要让自己写文档。随着 GPT-4 的到来这些都不是问题了,顺带可能连程序员都解决了。。。 之前一直觉得 AI 生成的代码也就写个面试题的水平,小打小闹,现在时代可变了。Cursor 编辑器是 GPT-4 驱动,对接了 GitHub 的 Copilot。

    2023年04月08日
    浏览(43)
  • 如何使用 Flatpak 在 Linux 上安装 ONLYOFFICE 桌面编辑器?

    Flatpak  是一款与 Linux 发行版 无关的软件实用工具 , 可用于在 Linux 上构建和分发桌面端应用。其可帮助您安装第三方 Linux 应用程序,无需安装库或处理依赖。 ONLYOFFICE 编辑器桌面版是一款全面的办公工具,提供了文本文档、电子表格,演示文稿和表单的查看和编辑功能。它

    2024年02月15日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包