IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> 使用VSCode写Markdown笔记_学习 -> 正文阅读

[开发工具]使用VSCode写Markdown笔记_学习

文章标题

前言

这是在VSCode中写Markdown笔记的配置过程和语法等

插件

需要安装的插件:

  1. Markdown All in One 辅助Markdown书写
  2. Markdown PDF 将Markdown笔记转化成PDF
  3. Past Image 直接将图片黏贴到Markdown文件
  4. Code Spell Checker 拼写检查-英文 Spell Right-中文

Markdown 部分用法

包括:代码块、图片粘贴、超链接 等

代码块

代码前后加 3个 `

print("hello world")

代码前的 3个 ` 后加语言,可以高亮

print("hello world")

print(12344)

超链接

参考1

[参考1](https://www.runoob.com/markdown/md-tutorial.html)

总结:[文字] (url)

图片插入

插入图片,图片要和md文件在同一文件夹下

1. 直接插入语法:![图片名称] (图片的文件夹名)

在这里插入图片描述

![the name of the pic](cat.jpg)

直接复制粘贴。基于Paste Image插件,当剪切板上有图片时,ctrl+alt+v即可黏贴图片(好像不太好使)。

总结:![图片名称] (图片的文件夹名)

2. 非本地图片

the name of the pic

![the name of the pic](https://upload-images.jianshu.io/upload_images/1599653-cddb75bd86b27569.jpg?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp)

Markdown 部分语法

1. 表示强调

强调表示符号
标题#
加粗内容
斜体内容
加粗又斜体内容
删除线内容
|强调表示|符号|
|:---:|:---:|
|标题|#|
|加粗|**内容**|
|斜体|*内容*|
|加粗又斜体|***内容***|
|删除线|~~内容~~|

2. 表格

内容
x1
默认
:—左对齐
—:右对齐
:—:居中

3. 顺序列表

顺序编号使用

  1. 第一个
  2. 第二个
    1. 第2.1
    2. 第2.2
      1. 第2.2.1
        1. 第2.2.2.1
    3. 第2.3
  3. 第三个
1. 第一个
2. 第二个
   1. 第2.1
   2. 第2.2
      1. 第2.2.1
         1. 第2.2.2.1
   3. 第2.3
3. 第三个  

总结: 数字加.加空格,Tap键进入二级列表。

4.无序列表

  • 哈哈
    • 哈哈嗝
    • 哈哈嗝
      • 哈哈嗝嗝
  • 哈哈哈
- 哈
- 哈哈
  - 哈哈嗝
  - 哈哈嗝
    - 哈哈嗝嗝
- 哈哈哈

总结: *、-或者+ 加空格,Tap键进入二级列表

5. 换行和段落

这是第一段,后面加个回车
这是回车后的内容,只是加了个空格。那么回车两次

回车两次后换段落了。空格+回车
空格+回车后
两次空格+回车后,换行没换段落

总结: 换行不换段落:两次空格+回车;换段落:两次回车。
PS:不同的渲染器展示的结果不一样。

6. 首行缩进

??首行缩进后后后后后后后后后后后后后后后后后后后后后后后后后后后后后后后后后后后后后后后后后后后后后后后后
??space text-indent text-indent text-indent text-indent text-indent text-indent text-indent text-indent text-indent

  首行缩进后后
  space text-indent

中文加全角空格   
英文加半角空格  

总结: 加全角半角空格

6. 字体颜色

红 色 字 \color{red}{红色字}
蓝 色 字 \color{blue}{蓝色字}
橙 色 字 \color{orange}{橙色字}

$\color{red}{红色字}$
$\color{blue}{蓝色字}$
$\color{orange}{橙色字}$

7. 图片大小

一般用HTML语法写的,其他方式貌似没有普适性

<img src="cat.jpg" width="100%" height="100%">
<img src="cat.jpg" width="200" height="150">

8. 分隔线、引用

  • 分隔线

  • 表引用
    这是

参考1
adfs asdf

+ 分隔线
---
+ 表引用
这是
>参考1
adfs asdf

9. 公式

Markdown的公式支持Latex格式,和word内的公式差不多。
文字中公式,两侧单个美元符号符号即可 s i n ( ω ? t ) sin(\omega \bullet t) sin(ω?t),而公式独立居中则两侧两个美元符号,如下:
lim ? x → 0 s i n ( ω × t ) x + 1 = 1 \lim_{x \to 0}\frac{sin(\omega \times t)}{x+1}=1 x0lim?x+1sin(ω×t)?=1
x ( k ) = a 1 x ( k ? 1 ) + a 2 x ( k ? 2 ) f ( x ) = a x + b L a t e x x(k)=a_1x(k-1)+a_2x(k-2) \\ f(x)=ax+b \\ Latex x(k)=a1?x(k?1)+a2?x(k?2)f(x)=ax+bLatex

文字中公式,两侧单个美元符号符号即可 $sin(\omega \bullet t)$,而公式独立居中则两侧两个美元符号,如下:
$$\lim_{x \to 0}\frac{sin(\omega \times t)}{x+1}=1$$

$$
x(k)=a_1x(k-1)+a_2x(k-2)
\\
f(x)=ax+b
\\
Latex
$$

Markdown页面跳转

内部跳转

[点击即可跳转到参考处](#参考)

外部跳转

点击跳转到百度

[点击跳转到百度](https://www.baidu.com/)

Markdown内嵌的HTML语法

1. 字体颜色、大小、位置

黑体字
微软雅黑
红色字
蓝色字
尺寸8
黑体,橙色,尺寸为5

这一行需要居中
宋体-绿色-尺寸为4
//内嵌的HTML的语法
<font face="黑体">黑体字</font>
<font face="微软雅黑">微软雅黑</font>
<font color=red>红色字</font>
<font color=Blue>蓝色字</font>
<font size=8>改字的尺寸</font>
<font face="黑体" color=orange size=5>黑体,橙色,尺寸为5</font>
<center>这一行需要居中</center>
<font face="宋体" color=green size=4><center>宋体-绿色-尺寸为4</font></center>

总结:改起来比较麻烦

2. 图片的大小位置

<div align=left><img src="https://img1.baidu.com/it/u=3605753336,3402461128&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=313" width="20%" height="20%"></div>
<div align=center><img src="https://img1.baidu.com/it/u=3605753336,3402461128&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=313" width="20%" height="20%"></div>
<div align=right><img src="https://img1.baidu.com/it/u=3605753336,3402461128&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=313" width="20%" height="20%"></div>
用<div>结合 "align" 控制图片位置
左中右 left\center\right

参考

  1. https://www.runoob.com/markdown/md-tutorial.html
  2. https://www.limfx.pro/ReadArticle/57/yi-zhong-xie-zuo-de-xin-fang-fa#%E6%A0%87%E9%A2%98
  3. https://blog.csdn.net/heimu24/article/details/81189700
  4. https://www.cnblogs.com/bitlogic/p/7705258.html
  5. https://www.cnblogs.com/98record/p/14255166.html#test1
  6. https://www.cnblogs.com/JohnTsai/p/4027229.html#jump
  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-01-14 02:11:24  更:2022-01-14 02:12:04 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/15 12:59:51-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码