使用 VSCode 扩展和代码片段高效编写 Markdown

快速高效地编写 Markdown

作为前提，编辑markdown的编辑器是VS 代码利用

如果您使用 Markdown 文件管理文章，能不能高效地写markdown直接关系到生产力去做。

我将写关于如何使用 VSCode 扩展和基本设置（片段）快速编辑 Markdown。

如果您有扩展程序，请使用它

降价多合一

启用快捷方式和有用命令的扩展。它有很多功能，但我只会使用我经常使用的那些。

粗体的快捷方式

选中文本后，Mac 上的 ⌘ + B 和 Windows 上的 Ctrl + B 使其变为粗体。我经常使用它，因为它是许多编辑器使用的快捷方式。

Markdown（マークダウン）をVSCodeの拡張機能とスニペットで効率良く書く

还有用于增加和减少标题级别的快捷方式。如果你习惯了大纲，我想你可以使用它。对于不习惯的人来说，直接编辑文本就足够了，无需记住快捷命令。

完成列表输入

您可以通过在输入列表时插入换行符来连续输入。缩进也被考虑在内。它直观且非常方便。

Markdown（マークダウン）をVSCodeの拡張機能とスニペットで効率良く書く

复制并粘贴文本选择状态的 URL 并将其转换为链接表示法

将复制到剪贴板的链接（URL 格式字符串）粘贴到所选文本中。然后，它将自动转换为链接符号。它很方便，所以我经常使用它。

Markdown（マークダウン）をVSCodeの拡張機能とスニペットで効率良く書く

粘贴图像

一个允许您轻松插入图像的扩展程序。

通过复制和粘贴工作实现图像保存和图像插入描述

将图像插入 Markdown 文件非常耗时。您必须预先存储图像并指定图像文件的路径以及替代文本。它是一个扩展功能，可以通过复制和粘贴来实现这种麻烦的工作。

复制镜像文件后，Mac 上的⌘ + alt + V 和Windows 上的Ctrl + alt + V 同时进行以下操作。

将图像保存到指定文件夹
在 Markdown 文件中插入图片的说明
当您使用大量图像时，它非常有用，没有它您就无法做到。

需要注意的一点是，在 Mac 上复制时，如果图像未打开，即使从 Finder 中选择图像文件并复制，也无法正常工作。 Github 上有一个与此问题相关的问题。有点麻烦，不过需要先打开图片，预览一下，然后复制。

: 表情老师:

这是一个使表情符号输入更容易的扩展。

Unicode 表情符号的输入完成

当您输入: 时，一般表情符号输入中使用的 Unicode 象形图将与表情符号代码一起完成。例如，如果要输入“?”，请选择:grinning:。

此外，您可以在 Mac 上使用 Unicode 表情符号选择器 ⌘ + I，在 Windows 上使用 Ctrl + I。有点混乱，不过你可以通过表情符号代码搜索你想输入的表情符号，直接输入Unicode表情符号。

表情符号代码预览显示

另外，如果你在 Markdown 上输入 emoji 代码，会预览对应的 emoji。此外，如果您想输入表情符号代码，它将以:: 完成。

表情符号代码是包含在: 中的唯一表情符号代码。如果您将其作为文本输入，则会在显示时转换为相应的象形图。例如，:smile: 转换为“?”并显示。需要注意的是，显示象形图的一面，如 Qiita 和 Github，必须兼容。

插入日期字符串

这是一个扩展，允许您输入当前时间字符串的快捷方式。

以指定格式完成日期字符串

您现在可以使用快捷方式输入日期字符串。对应的快捷键在 Mac 上为 ⌘ + Shift + I，在 Windows 上为 Ctrl + Shift + I。

作为预防措施，如果快捷键冲突，它将无法正常工作。它与前面描述的 :emojisense: 表情符号选择器显示快捷方式冲突。（⌘ + Shift + I 也有与⌘ + I 相同的表情符号选择器）如果你想使用这个，从 VSCode 快捷键设置 :emojisense: keybinding 请删除或

可以在设置中更改日期格式。例如，它可以是带时区的 ISO 8601 格式（例如2022-8-27T12:34:56+09:00）。

无需扩展的片段注册

如果您不能使用扩展，请利用 VSCode 片段。这是一个可以在 VSCode 的基本设置中使用的功能。

如果您将片段注册到 .vscode/markdown.code-snippets 作为 VSCode 项目设置，则可以输入片段作为项目特定设置。例如，如果要将表符号注册为片段，请按如下方式进行设置。如果您键入table，它将出现在输入候选中，您可以选择它。
```
{
  "table": {
    "prefix": "table",
    "body": [
      "| header1 | header2 | header3 |",
      "| ------- | ------- | ------- |",
      "|         |         |         |",
      "|         |         |         |"
    ],
    "description": "テーブル（Markdown形式）"
  }
}
```
如果您使用不常见的特殊符号，您可以通过注册代码片段来调用它并立即输入。

使用 Markdown 管理博客文章的示例

以下是如何在真正的科技博客上有效地编写和检查 Markdown 博客文章。请也参考这个。