外部链接

向用户指示站外链接。

示例

MDN

构建

外部链接增强在构建阶段执行，默认启用。

TypeScript
export default {  server: {    externalLink: true,  },}

说明

启用后会匹配 HTML 中 href 以 http:// 或 https:// 开头的链接。

匹配到的链接会追加：

• target="_blank"
• rel="noopener noreferrer"
• data-vp-external-link
• external-link 图标

作用范围

外部链接增强只处理以下构建输出区域：

• 正文内容：data-vp-editor
• 顶部菜单和移动端菜单：data-vp-menu、data-vp-mobile-menu-nav
• 侧边栏导航：data-vp-sidebar