克隆GitHub开源仓库本地无法运行，求助Front-End-Checklist贡献问题

1. 单独克隆gh-pages分支后资源加载失败的原因及解决方法 #

这不是克隆操作的问题，是本地打开方式导致的。项目里的CSS、图片等资源用的是绝对路径（比如/css/main.css），直接用浏览器打开file://协议的index.html时，浏览器会把这个绝对路径解析成你本地文件系统的根目录（比如C:\或者/），而非项目文件夹的根目录，因此找不到资源。

解决方法是用本地HTTP服务器打开：

• 若装有Python3，在项目根目录运行：python -m http.server，随后在浏览器访问http://localhost:8000
• 若用Node.js，先全局安装http-server：npm install -g http-server，再在项目根目录运行：http-server，访问命令行提示的地址即可

2. 是否需要合并master和gh-pages分支？不需要 #

这个项目的分支分工明确：

• master分支存放开发源码、配置文件等，是你需要贡献代码的分支
• gh-pages分支是构建好的静态页面，用于部署GitHub Pages，无需直接修改

3. 正确的贡献操作流程 #

步骤1：拉取完整仓库并切换到开发分支

# 克隆你fork后的仓库（替换成自己的GitHub用户名）
git clone https://github.com/你的用户名/Front-End-Checklist.git
# 进入仓库目录
cd Front-End-Checklist
# 切换到master开发分支（克隆后默认就是该分支）
git checkout master

步骤2：本地启动开发服务

查看项目根目录的README.md，里面有明确的开发指引，一般流程为：

# 安装项目依赖
npm install
# 启动本地开发服务器
npm run start

启动后浏览器会自动打开带样式的页面，你可在master分支修改源码，修改后能实时预览效果。

步骤3：提交修改并发起PR

修改完成后，将代码提交到自己fork的仓库：

# 暂存修改
git add .
# 提交修改
git commit -m "你的修改描述，比如修复XX样式问题"
# 推送到自己的GitHub仓库
git push origin master

随后打开原项目的GitHub页面，发起Pull Request，选择你的master分支合并到原项目的master分支即可。

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