如何在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
相关产品推荐
相关产品推荐

