使用VScode中的Markdown插件写笔记并上传到CSDN

使用VScode中的Markdown插件写笔记并上传到CSDN

为了今后便于整理学习过的知识因为纯属好奇+听说很好用,故尝试用线下Markdown编辑器来l编写博客。

Markdown是一种轻量级的标记语言,语法简单明了,编写顺畅并像编写代码一样无需使用鼠标即可完成所有操作,使我们的精力从排版和格式上解放出来,从而专注在文章内容的表达。同时易于修改我们的原始.md文档并且可使用git来实现版本控制,可轻易导出HTML,PDF文件,便于上传到各大博客论坛及GitHub等。

Markdown具体语法可参考菜鸟教程.

安装Markdown插件

虽然vscode默认是支持Markdown的编写的,但我们有必要安装一些辅助插件来使我们的编写更加得心应手。

1.Markdown All in One
使用VScode中的Markdown插件写笔记并上传到CSDN_第1张图片

提供快捷键和自动补全的功能

2.Markdown Preview Enhanced
使用VScode中的Markdown插件写笔记并上传到CSDN_第2张图片

可实时显示出Markdown之后的真实效果

3.Paste Image
使用VScode中的Markdown插件写笔记并上传到CSDN_第3张图片

方便的插入图片

Markdown的编写语法

标题

标题有两种格式

1. 其中=和-不规定长度

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

效果:

一级标题

二级标题

2. 使用 #

# 一级标题
## 二级标题
......
###### 六级标题

效果:

一级标题

二级标题

六级标题

字体样式

*斜体*
**粗体**
***斜体加粗***  

效果:
斜体
粗体
斜体加粗

分隔线

***
-----

效果:



删除线

~~删除线~~

效果:
删除线

下划线

下划线

效果:
下划线

脚注

dingyi[^我的英文名字]
[^我的英文名字]:daniel

效果:
dingyi1

列表

* 第一项
+ 第二项
- 第三项
1. 第四项
   - 1
2. 第五项
   - 1

效果:

  • 第一项
  • 第二项
  • 第三项
  1. 第四项
    • 1
  2. 第五项
    • 1

区块

> 区块引用
> > 第一层嵌套
> > > 第二层嵌套

效果:

区块引用

第一层嵌套

第二层嵌套

列表可结合区块相互使用

代码引用

如果是段落上的一个函数或片段的代买可使用反引号(`)

`printf("%d", n);` 输出整型变量

printf("%d", n); 输出整型变量

链接

[链接名称](链接地址)

例如:

这是csdn的链接[CSDN](https://www.csdn.net/)

效果:
这是csdn的链接CSDN

图片

![alt](图片地址)

例如:

![](img/cute%20cat.jpg)

效果:
使用VScode中的Markdown插件写笔记并上传到CSDN_第4张图片

表格

|表头|表头|
|:---|---:|
|单元格|单元格|
|单元格|单元格|

其中:

  • :- 左对齐
  • -: 右对齐
  • :-: 居中对齐

效果:

表头 表头
单元格 单元格
单元格 单元格
以上就是关于Markdown的vscode插件和基本语法的全部内容,关于其他语法和可使用的html控制语句可参考菜鸟教程等教学网站。从使用线下Markdown编写这篇文章来看,在对排版方面要求不高的情况下,这的确使可以用来提高效率的简明工具。并且相比于在线markdown,线下更容易保存和修改。后面我会尝试使用Typora来进行编写,对这两种方式进行比较。谢谢大家的观看!

ps:除了图片可能需要重新上传外,其他线下编写形成的格式在csdn中均未发生改变。此外,若需编写大量来阐述的文章或者担心图片丢失,可使用图床来存储图片,并可使用PicGo或其他工具来自动上传至图床。


  1. daniel ↩︎

你可能感兴趣的:(markdown,visual,studio,code)