first commit

main
luochuan 4 months ago
parent bbb3ae4020
commit aa3bc2c975

@ -1,2 +1,235 @@
# educoder-tutorial
# 头歌平台使用教程
在浏览器中搜索“git”点击git官网。
![image](assets/image-20250924083248-8hncgq7.png)
直接点击默认下载按钮`Download for Windows`。
![image](assets/image-20250924083549-hq3lfzh.png)
下载完后直接安装,一直点`Next`就行(安装步骤略)。
在桌面右键,如果能看到`Open Git GUI here`及`Open Git Bash here`则说明安装成功。或者点击`在终端中打开`。
![image](assets/image-20250924083727-ukrcz09.png)
输入`git -v`,回车。
![image](assets/image-20250924084108-f1od64k.png)
如果能正确显示git版本号则说明安装成功。
![image](assets/image-20250924084128-865fvo1.png)
关闭终端窗口。
浏览器进入`https://www.educoder.net`。点击右上角`注册`。
![image](assets/image-20250924075120-o10yjqh.png)
点击`免费注册`。
![image](assets/image-20250924075351-8417f64.png)
输入`邮箱`,点击`获取验证码`,输入验证码,设置密码(密码后面会用到),点击`注册并登录`。
![image](assets/image-20250924075526-rghydlk.png)
选择角色`我是学生`。
![image](assets/image-20250924080118-ln1qx1l.png)
点击`开始使用`。
![image](assets/image-20250924080215-rai15ox.png)
点击导航栏右侧的`⊕`。
![image](assets/image-20250924080338-mv8zoej.png)
点击`加入教学课堂`。
![image](assets/image-20250924080538-t1844jq.png)
输入真实的姓名,职业选学生。
![image](assets/image-20250924080622-9tota2v.png)
输入真实的学号、学校名称(姓名和学号一定要真实,这涉及到期末评分)。点击`确定`。
![image](assets/image-20250924080955-p07bgzx.png)
输入教师提供的邀请码,身份默认学生,点击`确定`。
![image](assets/image-20250924081254-ztmkwtx.png)
进入课堂后,点击左侧的`分组作业`,再点击右侧作业列表“提交中”的作业。
![image](assets/image-20250924082009-xt8l9w2.png)
点击`创建分组`。
![image](assets/image-20250924082220-4uti6xo.png)
直接点击`确定`。
![image](assets/image-20250924082308-pjpvdpn.png)
点击`创建项目`。
![image](assets/image-20250924082344-v2ywbm1.png)
根据提示绑定邮箱。
![image](assets/image-20250924082620-2v18vg5.png)
项目名称填中文,项目标识填英文,勾选`将项目设为私有`,点击`创建项目`。
![image](assets/image-20250924082817-hb6887r.png)
创建好项目后,立即回到分组作业中,进行作业与项目的关联。
![image](assets/image-20250924103116-bi8zg6h.png)
选中刚刚创建的项目,点击`确定`。
![image](assets/image-20250924103218-5zgemxn.png)
创建项目完成后,一定要及时关联项目,避免忘记。(不关联的话,教师看不到项目)
当下一次想进入该项目时,通过作业页面的`作品列表`即可进入。
![image](assets/image-20250924104053-27gqx43.png)
回到浏览器中的项目页面,点击下载,再点击链接旁的“复制”图标。
![image](assets/image-20250924084552-mpnkipo.png)
在桌面右键打开终端(或在桌面右键然后`Open Git Bash here`)。输入`git clone 粘贴你刚刚复制的链接`,然后回车。
![image](assets/image-20250924084840-fa19tp5.png)
此时会跳出一个弹窗。Username填写前文中绑定的邮箱或用户标识密码就是头歌平台的密码注意不是邮箱密码
![image](assets/image-20250924085034-dibz4sq.png)
用户标识这样来获取,找到浏览器项目页面的地址栏,用户标识就在链接当中。
![image](assets/image-20250924085500-22rttdf.png)
显示`done`就说明clone完成。关闭终端。
![image](assets/image-20250924085625-78f6hhz.png)
回到桌面可以发现多出了一个新文件夹,该文件夹里的内容后面会用到。
![image](assets/image-20250924085719-17kbd0b.png)
打开微信开发者工具,点击`+`新建项目。
![image](assets/image-20250924090033-j9q35hc.png)
正常创建项目项目名称填中文目录文件夹的名称可自定义AppID选`测试号`即可,点击`不使用云服务`,模板选`JS-基础模版`,点击`创建`。(提示:只有目录为空文件夹或新文件夹时,才能选择模板)
![image](assets/image-20250924091526-q9b6w2t.png)
在资源管理器栏的空白位置右键,点击`在资源管理器中显示`。
![image](assets/image-20250924091607-1wonbm7.png)
进入该项目文件夹。
![image](assets/image-20250924091823-5jetzme.png)
![image](assets/image-20250924091911-fvublmd.png)
同样打开桌面上的新文件夹,点击`查看`->`显示`,勾选`隐藏的项目`。
![image](assets/image-20250924092206-d0j45tq.png)
将`.git`和`README.md`复制到项目文件夹中去。
![image](assets/image-20250924092435-p43qby1.png)
复制完成后删除桌面上的文件夹。
完成项目的开发(过程略)。
对项目进行截图。Win11系统的截图快捷键是`Win+Shift+S`。
截图完成后,点击屏幕右下角的时间,然后点击通知中的`屏幕截图已复制到剪贴板`。
![image](assets/image-20251011073731-e1pnpl9.png)
点击`另存为`按钮。
![image](assets/image-20251011074234-b8y4lii.png)
将截图保存至项目根目录。注意截图的文件名不要包含空格和特殊字符。
![image](assets/image-20251011074435-1tieurl.png)
在资源管理器中打开项目根目录。右键`README.md`文件->`打开方式`->`Visual Studio Code`。
![image](assets/image-20251011080630-wpapnng.png)
点击`Open Preview to the Side`。
![image](assets/image-20251011081043-eymhxh1.png)
在左侧的编辑区按照markdown语法填写项目的介绍并附上截图。保存。
![image](assets/image-20251011081444-a6wdisp.png)
在项目根文件夹的空白处右键,打开终端。
![image](assets/image-20251011065433-y3en03x.png)
输入`git add .`以添加根目录下所有文件及文件夹。回车。不用在意`warning`。
![image](assets/image-20251011065619-9gmydj0.png)
输入`git commit -m '本次修改内容'`(单引号内的内容根据实际情况自行修改),回车。
![image](assets/image-20251011070900-wcwfrwe.png)
如果是第一次使用git的话就会像上图这样显示。根据提示我们依次执行
`git config --global user.email "你的邮箱"`(引号内填写你头歌平台所绑定的邮箱)
`git config --global user.name "你的名字"`(引号内填写你姓名的拼音即可)
![image](assets/image-20251011071345-nqjmxh9.png)
然后执行之前没有完成的`git commit -m '本次修改内容'`。(提示:这里可以通过方向键切换历史命令)
![image](assets/image-20251011071716-av47bqa.png)
接着执行`git push`。若存在冲突,可尝试强制推送`git push -f`。这一步注意保证网络连接。
![image](assets/image-20251011072021-9v4h60z.png)
显示成上图这样,就说明推送成功。
回到浏览器,打开项目页面,刷新。确保服务器已收到本次推送。
![image](assets/image-20251011082203-rtsrlp8.png)
最后一步。检查无误后,回到作业页面,点击`提交作品`。
![image](assets/image-20251011082457-03ovtgs.png)
在必填项`内容`处填写任意内容。无需附件。
![image](assets/image-20251011082615-zvhhjwh.png)
拖动滚动条到底部,点击`提交`。
![image](assets/image-20251011082725-e4m7shw.png)
跳转到如下页面,完成。
![image](assets/image-20251011082850-zcgihon.png)
END

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 725 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 660 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 386 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 518 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 295 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 835 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 232 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 210 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 212 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 188 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 159 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 809 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 230 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 254 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 196 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 305 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 136 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 159 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 403 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 212 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 250 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 190 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 199 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 176 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 211 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 204 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 153 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 149 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 192 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 220 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 129 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 233 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 142 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 332 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 220 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 167 KiB

Loading…
Cancel
Save