first commit

README.md

@@ -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