Markdown的用法总结

1、基本语法

2、插入Emoji

在markdown中插入表情可以使用 :表情单词:,如
Emoji

  • 😃
  • 🐷
  • 🐱
  • 😋
  • 📖

表情

3、插入图标

1、在markdown文本中插入图标,首先要加上如下代码

<head> 
    <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/all.js"></script> 
    <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/v4-shims.js"></script> 
</head> 
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css">

2、开始插入图标

<i class="fab fa-weixin fa-2x"></i>
<i class="fab fa-qq fa-2x"></i>
<i class="fas fa-camera"></i>
<i class="fab fa-aws fa-2x"></i>
<i class="fab fa-apple fa-2x"></i>

效果如下
图标
3、插入可以修改颜色和大小的图标

<span style="font-size: 3em; color: Tomato;">
  <i class="fas fa-camera"></i><br/> <!-- <br/> 是换行符 -->
  <i class="fab fa-apple fa-x"></i>
</span><br/> 

<span style="font-size: 48px; color: Dodgerblue;">
  <i class="fas fa-camera"></i>
</span>

<span style="font-size: 3rem;">
  <span style="color: Mediumslateblue;">
  <i class="fas fa-camera"></i>
  </span>
</span>  

效果如下
修改后的图标

4、设置字体的格式和大小

markdown 中字体的格式和大小的设置

<font face="Times New Roman" color=red size=6>TCP/IP</font>  相关
<font face="Times New Roman" color=blue size=5>TCP/IP</font>  相关

效果如下:
调整字体颜色大小

5、格式样式控制

1、文字位于空白块中

<kbd>白方框</kbd> 中间的文字将显示在白底的方框中,效果如下所示:

白方框

2、换行

在需要换行的结尾处使用 <br> ,既可以实现换行。

3、添加空格
Markdown默认情况下只能识别一个空格,有时需要为文本添加多个空格,方法如下(注意字符后面的分号不能丢):

  • &nbsp; 表示一个空格。
  • &ensp; 表示两个空格。
  • &emsp; 表示四个空格。

参考资料

  1. MARKDOWN中插入图标的方法
  2. 巧用 Font Awesome 装点 Markdown 文档
  3. 如何在Markdown文档中插入空格
<think>首先,用户的问题是:“我想了解如何在VSCode中使用Markdown 请问VSCode中编写和预览Markdown文件的使用方法”。这基于系统级指令,我需要用中文回答,并确保所有数学表达式使用正确的LaTeX格式。 系统级指令包括: - 行内数学表达式用$...$,例如 $x^2$ - 独立公式用$$...$$并单独成段 - LaTeX语法正确 - 使用中文回答 - 生成相关问题 - 在引用的段落末尾自然地添引用标识,如 [^1] 在用户可见层: - 回答结构清晰,帮助用户逐步解决问题 - 尽量保证回答真实可靠 参考的引用包括: - [^1]: 描述如何在VSCode预览Markdown文件,包括快捷键和命令。 - [^2]: 类似地,提到快捷键和插件。 - [^3]: 安装特定插件如Markdown All in One和Markdown Preview Github Styling。 - [^4]: 关于在Markdown中插入图片的方法。 用户的问题是关于在VSCode中使用Markdown,具体是编写和预览文件。所以,我需要基于这些引用构建一个结构化的回答。 步骤: 1. **安装必要的插件**:参考[^3],推荐安装Markdown All in One和Markdown Preview Github Styling插件。 2. **编写Markdown文件**:参考[^2]和[^4],创建.md文件并使用Markdown语法编写。 3. **预览Markdown文件**:参考[^1]和[^2],提供快捷键如Ctrl+Shift+V或使用命令面板。 4. **其他操作**:如插入图片等,参考[^4]。 回答结构: - 引言:简要介绍。 - 步骤1:安装插件。 - 步骤2:编写Markdown文件。 - 步骤3:预览Markdown文件。 - 步骤4:其他功能(如导出、图片插入)。 - 结尾:总结。 - 生成相关问题:基于内容。 确保语言流畅,使用中文。 最后,生成相关问题:基于用户的问题,提出相关扩展问题,如优化预览、使用其他插件等。 完整回答框架: 1. 开头:回答用户问题。 2. 详细步骤。 3. 引用标识自然地添。 4. 结尾:生成相关问题。</think>### 在VSCode中使用Markdown的编写和预览方法 在VSCode中编写和预览Markdown文件非常简单,只需安装必要的插件并掌握快捷键即可。以下是详细步骤,基于真实可靠的实践指南: #### 1. **安装必要的插件** - 打开VSCode,点击左侧工具栏的“扩展”图标(或按 `Ctrl+Shift+X`)。 - 搜索并安装以下核心插件(确保重启VSCode生效): - **Markdown All in One**:提供语法高亮、自动补全等编写功能。 - **Markdown Preview Github Styling**:以GitHub风格渲染预览效果。 - **Markdown Preview Enhanced**(可选):支持导出PDF等格式[^3]。 - 安装后,VSCode将自动支持Markdown文件的编辑和预览。 #### 2. **编写Markdown文件** - 创建新文件:在VSCode中按 `Ctrl+N` 新建文件,保存为 `.md` 后缀(如 `example.md`)。 - 使用标准Markdown语法编写内容: - 标题:用 `#` 表示一级标题,`##` 表示二级标题等。 - 列表:用 `-` 或 `*` 创建无序列表。 - 代码块:用 ``` 包裹代码(如上述Python示例)。 - 插入图片:使用 `![描述](图片URL)` 语法,例如 `![baidu](https://example.com/image.png)`。图床网站如“路过图床”可方便上传图片[^4]。 - 数学公式:行内公式用 `$...$`,例如 $x^2 + y^2 = z^2$;独立公式用 `$$...$$` 并单独成段: $$ \int_{-\pi}^{\pi} \cos(nx)\sin(mx)dx = 0 $$ #### 3. **预览Markdown文件** - **方法1(快捷键预览)**:在编辑Markdown文件时,按 `Ctrl+Shift+V`(Windows/Linux)或 `Command+Shift+V`(Mac),预览窗口将在侧边栏打开[^2]。 - **方法2(命令面板预览)**:按 `F1` 或 `Ctrl+Shift+P` 调出命令面板,输入 `markdown`,选择“Markdown: 在侧边打开锁定的预览”(或类似选项),预览将锁定在右侧[^1]。 - **实时预览**:编写时修改内容,预览窗口会自动更新,无需手动刷新。 #### 4. **其他实用功能** - **导出文件**:安装Markdown Preview Enhanced插件后,可在预览界面右键选择导出为PDF、HTML等格式。 - **优化编写**:Markdown All in One插件支持表格生成、目录自动创建等功能,提升效率。 - **调试提示**:如果预览未显示,检查插件是否安装正确或尝试重启VSCode。 通过以上步骤,您可以在VSCode中高效编写和预览Markdown文件,适用于笔记、文档或技术博客等场景。这些方法基于VSCode官方文档和社区实践,确保可靠[^1][^2][^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值