如何通过代码修改URL文件夹路径，实现英法语页面自动跳转？

当然可以通过代码实现这个需求，核心思路是获取当前页面URL，替换路径中的/English/为/Francais/，动态生成跳转链接。以下是几种常见场景的实现方案：

纯前端JavaScript实现 #

适合直接在静态HTML页面中使用，无需后端或静态站点生成工具：

// 获取当前页面完整URL
const currentUrl = window.location.href;

// 仅当当前页面是英文页面时生成法语链接
if (currentUrl.includes('/English/')) {
  // 替换路径中的/English/为/Francais/，全局正则确保所有匹配都被替换
  const frenchUrl = currentUrl.replace(/\/English\//g, '/Francais/');
  
  // 创建并配置链接元素
  const frenchLink = document.createElement('a');
  frenchLink.href = frenchUrl;
  frenchLink.textContent = '法语';
  // 可添加自定义样式类
  frenchLink.classList.add('language-link');
  
  // 将链接插入到页面指定位置，比如id为language-switch的容器
  const switchContainer = document.getElementById('language-switch');
  if (switchContainer) {
    switchContainer.appendChild(frenchLink);
  }
}

静态站点生成工具适配 #

如果你的页面是通过静态站点生成器（如Jekyll、Hexo）构建的，可以直接在模板中处理，避免前端JS依赖：

Jekyll（Liquid模板） #

{% if page.url contains '/English/' %}
  {% assign french_url = page.url | replace: '/English/', '/Francais/' %}
  <a href="{{ french_url | relative_url }}">法语</a>
{% endif %}

Hexo（EJS模板） #

<% if (page.path.includes('/English/')) { %>
  <% const frenchPath = page.path.replace('/English/', '/Francais/'); %>
  <a href="<%= url_for(frenchPath) %>">法语</a>
<% } %>

注意事项 #

• 正则\/English\/的写法确保只匹配作为路径段的/English/，避免误替换URL中其他位置出现的"English"字符串
• 建议添加判断逻辑，只在英文页面生成法语链接，防止在法语页面生成无效链接
• 如果需要反向生成（法语页面生成英文链接），只需把替换的两个路径段互换即可

内容的提问来源于stack exchange，提问作者slang75