- 资源列表下载页 位于
docs/resource目录中进行开发维护,完整内容由项目根目录的三个py脚本生成。 - 功能页面/博客 (
暂时)位于docs/blog目录中进行开发维护,可以引入自定义组件,参考下面。
开发要求(仅供参考):
nodejs的安装教程自行搜索
克隆代码仓库
git clone https://github.com/HEUOpenResource/HEUOpenResource.github.io.git安装依赖:
npm i由于前端课程资料页的科目导航列是调用Github API读取资源仓库来获取的,所以无论是在本地调试还是构建的时候都会调用这个 Github的API,为了避免速率限制,建议先去申请一个Github的Token,并且在项目根目录新建一个.env文件,你可以这样:
cp .env.example .env然后把你的token填进去,最后得到的.env文件长这样式儿:
GITHUB_TOKEN="ghp_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"可以直接执行
npm run docs:dev构建源代码需要执行:
npm run docs:build首先得安装python,最新的版本应该就行(仓库自动化构建时使用的3.13版本),详细安装教程自行搜索
此时需要拉取完整的资源仓库文件列表、贡献者,然后生成对应的markdown到对应的文件夹中,此时我们就需要像本仓库的workflow文件那样运行python脚本了:
# 如果 update.py 依赖第三方库,取消注释此步
- name: 📦 安装 Python 依赖
run: pip install -r requirements.txt
# 执行项目根目录的 update.py
- name: 🛠️ 更新资料表以及正常贡献者
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
run: python update.py
# 执行项目根目录的 addContributors.py(细分到每一个科目) 、allContributors.py(“介绍”页面中显示)
- name: 👥 添加非Github贡献者
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
run: |
python addContributors.py
python allContributors.py可以看到,当执行python脚本的时候也需要环境变量中含有GITHUB_TOKEN,为了方便开发调试,我们引入了python包:python-dotenv,在执行py脚本的时候也会自动读取项目根目录的.env文件中的环境变量,这和上面配置的.env是一样的,只需要配置一次即可。
所以在执行py脚本之前不要忘了安装这个包,只需要执行:
pip install -r requirements.txt然后执行脚本:
python update.py
python addContributors.py
python allContributors.py执行完这些python脚本之后,再次本地调试或者预览即可。
这个在线环境免登录即可查看 https://stackblitz.com/github/HEUOpenResource/HEUOpenResource.github.io 但是有时候不太方便,建议还是将代码拉取到本地进行调试