跳转至

VuePrees中让markodwn自动链接识别

在 VuePress 中,可以通过配置 markdown-it 插件来实现 Markdown 中的自动链接识别。具体可以通过启用 linkify 功能来实现,它会将类似 URL 的文本自动转换为链接。

启用 linkify 功能

在 VuePress 的配置文件(通常是 .vuepress/config.js)中,添加以下配置:

::: tabs

@tab .vuepress/config.js

module.exports = {
  markdown: {
    linkify: true,
  },
};

@tab .vuepress/config.ts

export default defineUserConfig({
  markdown: {
    linkify: true,
  },
});

:::

这样,任何类似 URL 的文本(如 https://example.com)都会被自动识别为链接。

使用 Markdown 的超链接语法

如果需要手动添加链接,可以使用标准的 Markdown 超链接语法,例如:

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

评论