我之前也碰到过一模一样的情况，先给你捋清楚问题根源：

本地测试时，你直接访问的是独立的HTML文件，URL参数是直接绑定到你的页面上的，所以P5.js能正常读取。但GitHub仓库里的那个HTML预览（就是点击文件后带GitHub导航栏的页面），本质是GitHub把你的HTML内容嵌入到了它自己的页面框架里——你加的URL参数其实是加到了GitHub的预览页面URL上，根本没传递到你的HTML文件里，自然就失效了。

给你两个可行的解决方案：

1. 用GitHub Pages部署（首推） #

这是最稳妥的方式，部署后你的页面会有独立的可访问URL，参数能正常传递，完全满足你做超链接目标的需求：

• 进入你的GitHub仓库，点击顶部的「Settings」选项卡
• 找到左侧菜单的「Pages」选项
• 在「Source」部分，选择你的代码分支（比如main）和文件目录（一般选根目录/root就行）
• 点击「Save」，等几分钟GitHub完成部署后，你会得到一个类似https://你的用户名.github.io/仓库名/的URL
• 之后访问HTML文件时，直接在URL后加参数即可，比如https://你的用户名.github.io/仓库名/index.html?param=test，你的P5.js代码用window.location.search就能正常读取参数，举个示例：

function setup() {
  const urlParams = new URLSearchParams(window.location.search);
  const myParam = urlParams.get('param');
  console.log('拿到的参数：', myParam);
  // 后续用参数做逻辑处理
}

2. 直接访问RAW文件（仅临时测试用） #

如果只是临时测试不想部署GitHub Pages，可以用GitHub的RAW内容URL，但注意浏览器默认会下载RAW的HTML文件，你需要右键选择「打开方式」用浏览器打开。不过这个方式的URL体验不好，不适合做超链接目标。

总结下来，GitHub Pages是完美适配你需求的方案，部署后不仅参数能正常传递，URL也稳定可靠，完全可以作为超链接的目标。

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