如何在单个GitHub仓库上传多项目并生成README对应访问链接

• 第一步：整理本地目录结构
  本地新建项目根文件夹，把你完成的所有单项目文件夹按序号命名（比如01-expanding-cards、02-progress-steps，尽量用英文小写+短横线连接，不要加中文、空格或特殊字符，避免路径解析出错，和官方命名规则对齐也方便排序），统一放到根目录下，确保每个项目文件夹内都有入口文件index.html。在根目录下新建空白的README.md文件，用来做项目导航列表。
• 第二步：推送到GitHub仓库并开启静态站点服务
  把本地根目录初始化为Git仓库，关联你自己新建的空GitHub远程仓库，将所有文件提交推送到远程仓库的默认分支（通常为main）。进入仓库的设置页面，找到Pages配置项，部署源选择main分支的根目录，保存后等待1-2分钟，平台会自动生成你的项目静态站点根地址。
• 第三步：编写README导航列表
  打开根目录下的README.md，按照官方的列表格式逐个添加项目条目，单个项目的访问链接拼接规则为：你的静态站点根地址 + 项目文件夹名/，对应Markdown写法示例：

  # 50天50前端项目实战
  个人练习项目集合：
  - [Expanding Cards 展开卡片](你的静态站点根地址/01-expanding-cards/)
  - [Progress Steps 进度步骤](你的静态站点根地址/02-progress-steps/)
  

• 第四步：校验生效
  把写好的README提交推送到远程仓库，等待静态站点部署完成后，逐个点击列表里的链接验证访问是否正常，若出现404优先检查文件夹名拼写、对应文件夹下是否存在index.html、静态站点部署状态是否为成功。

官方仓库的可直接访问效果，本质就是通过平台自带的静态站点托管能力实现的，不需要额外购买服务器或接入第三方部署服务，可免费使用。

内容的提问来源于stack exchange，提问作者Mark M.