You need to enable JavaScript to run this app. 如何自定义Vuepress及Vuepress博客插件的永久链接?
优惠活动
大模型
产品
解决方案
定价
更多

如何自定义Vuepress及Vuepress博客插件的永久链接?

问题说明

目前,Vuepress 永久链接仅支持基于给定的模板变量进行自定义。例如现有如下目录结构:

posts
  coding
    my_post.md

使用永久链接配置/:regular时,生成的访问路径为/posts/coding/my_post.md。由于站点迁移及现存SEO需求,需要将该链接调整为/coding/my_post.md,确认是否有可行方法修改Vuepress 博客插件生成的链接。

可行解决方法
  • 调整博客插件的目录分类器规则
    直接修改插件中识别posts目录的分类配置,取消规则中将posts目录名拼接到最终访问路径的逻辑,让posts仅作为存放文章的容器目录,不参与路径生成过程。配置完成后,posts目录下的所有文章都会直接从子目录层级开始生成路由,比如coding/my_post.md会直接对应/coding/my_post.md的访问路径。
  • 自定义永久链接的截断规则
    无需改动目录结构和插件默认逻辑,把全局永久链接配置调整为支持固定字符串截断的模板,直接剔除生成路径开头/posts/的冗余前缀,即可在不调整文件存放位置的前提下生成目标路径。
  • 配置全局路由重写+301跳转
    在构建流程中加入路由重写钩子,在页面路由生成阶段,将所有/posts/开头的路径批量替换为去掉posts前缀的新路径;同时为原旧路径配置301跳转规则,保证站点迁移过程中已被搜索引擎收录的旧链接权重可以完整传递到新路径,满足SEO优化要求。

调整注意事项

  • 路径修改完成后,需要同步更新站点的sitemap生成规则,确保搜索引擎抓取时能识别最新的有效路径
  • 全局排查站内手动编写的跳转链接,替换为新路径格式,避免出现无效死链

内容的提问来源于stack exchange,提问作者nuric

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.11.07 16:36:00