提交本地github上，code编写markdown

如何使用Visual Studio Code编写Markdown文件并将其上传到GitHub

一、为什么选择Visual Studio Code编写Markdown

Markdown语言是一种简单且易于学习的标记语言，可以快速地将文本转化为HTML格式，用于编写Blog、技术文档或者全栈开发人员编写技术笔记等。Visual Studio Code是一款小巧、快速、跨平台的代码编辑器，界面简洁、轻便，随着近年来开源开发的大幅度推进，插件生态系统已扩展到将近3万种，满足了Web、云、桌面等多个领域的开发需求，所以使用Visual Studio Code编写Markdown是比较好的选择。

二、Visual Studio Code Markdown简介

Visual Studio Code 的 Markdown功能可以在编辑窗口中直接编写Markdown并预览HTML结果。Visual Studio Code支持Markdown的语法高亮、缩进折叠、代码块渲染、查看图片等，当编辑的文件保存后，插件可以将它转化为HTML格式，然后预览HTML文档，也可以在编写的过程中随时预览查看到当前的效果，具体操作可以参考下面的步骤。

三、Visual Studio Code Markdown使用步骤

1.安装Visual Studio Code编辑器

打开Visual Studio Code官网 https://code.visualstudio.com/ ，根据系统下载安装包并安装。

2.安装Markdown插件

Visual Studio Code默认是没有Markdown插件的，需要先安装Markdown插件，具体操作步骤如下：

a.在Visual Studio Code软件中打开**Extensions**界面，操作快捷键是在Windows系统中是`Ctrl+Shift+X`，Mac OS中是`Cmd+Shift+X`。

b.在弹出的输入框中输入Markdown插件的名称，比较知名的插件有：Markdown All in One、Markdown YAML Preamble等。

c.在搜索后，点击安装该插件，并根据提示信息进行安装。

3.创建Markdown文档

a.打开Visual Studio Code编辑器，按快捷键`Ctrl+N`或者`Cmd+N`创建新的文件。

b.将文件后缀名改为`.md`，表示该文件是Markdown格式。

c.开始编写Markdown内容。

4.编写Markdown文档

Markdown的常用语法有以下几种：

1.标题：在文本前加#来表示标题的级别，#号的个数表示级别的深度。

2.列表：有序、无序列表；*表示无序列表、+-*表示有序列表。

3.引用：在文本前加>表示引用。

4.代码块：使用``````标记代码块，若需要标记代码的语言可以在第一行加上三个反引号和语言名称。

5.图片：使用``的方式添加图片。

具体的语法可以参考上述几种语法，也可以通过在网上搜索Markdown语法获得相关知识。

5.预览Markdown文档

为了方便快捷的预览Markdown文档，Visual Studio Code需要安装相应的插件来实现Markdown文件的实时预览以及其他功能。

a.打开Visual Studio Code编辑器，按快捷键`Ctrl+Shift+P`或者`F1`打开命令面板。

b.在输入框中输入“Markdown Preview Enhanced: Open Preview to Side”，回车打开侧边预览，即可以打开当前项目中的Markdown文件，实时预览编辑的效果。

c.如果需要在编辑区预览实时效果，可以在markdown文件右上角点击“打开侧边预览”旁的“放大镜”按钮，在打开的预览面板中，使用工具栏上的“同步滚动位置”按钮，可以实现文本编辑与预览界面的位置同时滚动。

6.上传Markdown至GitHub

a.在本地搭建GitHub仓库，并将该仓库关联到Visual Studio Code中。

b.在Visual Studio Code编辑器中打开保存好的Markdown文件。

c.按快捷键`Ctrl+Shift+P`或者`F1`打开命令面板，输入“Git: commit”并回车，对当前更新进行提交。

d.将代码推送到GitHub上，即可实现在GitHub上的存储，在进行自我管理和跟团队协作开发时可以很方便的使用Markdown文档。

四、总结

在本文中，我们简要介绍了为什么选择Visual Studio Code编辑器来写Markdown文件，Markdown的优势以及步骤，以及如何将Markdown文件上传至GitHub。对于软件工程人员或者技术博客写手来说，使用Markdown能够快速地编写校验文档以及技术文章，节省了很多不必要的时间，所以学会如何使用Visual Studio Code编辑器也会是非常有意义的一件事情。

壹涵网络我们是一家专注于网站建设、企业营销、网站关键词排名、AI内容生成、新媒体营销和短视频营销等业务的公司。我们拥有一支优秀的团队，专门致力于为客户提供优质的服务。

我们致力于为客户提供一站式的互联网营销服务，帮助客户在激烈的市场竞争中获得更大的优势和发展机会！