You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在GitHub Pages中简化层级目录下网页的URL路径?

实现GitHub Pages深层页面的URL简化方案

方法1:利用Jekyll的Permalink特性(GitHub Pages原生支持)

GitHub Pages默认启用Jekyll,无需额外配置,只需在目标页面(/html/news/news_content/buzz.html)的开头添加Front Matter配置,指定自定义permalink:

---
permalink: /buzz.html
---
<!-- 原buzz.html的内容 -->

提交修改后,GitHub Pages会自动构建网站,将该页面映射到https://foobar.com/buzz.html,原文件的目录位置保持不变。

方法2:静态HTML重定向(无需依赖Jekyll)

在网站根目录创建一个名为buzz.html的新文件,内容为自动跳转的HTML代码,指向原页面的路径:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="refresh" content="0; url=/html/news/news_content/buzz.html">
    <title>跳转中...</title>
</head>
<body>
    <p>若未自动跳转,请<a href="/html/news/news_content/buzz.html">点击此处</a></p>
</body>
</html>

访问https://foobar.com/buzz.html时,浏览器会自动跳转到原页面,原文件位置无需改动。

注意事项

  • 方法1中,确保目标页面文件名不以_开头(Jekyll默认会忽略这类文件),若有特殊需求可在_config.yml中添加include: ['_文件名']配置。
  • 方法2的重定向会被搜索引擎识别,若对SEO有较高要求,优先选择方法1。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.01 06:50:31