JCの宝藏之地
首页项目归档照片墙音乐灵境说说杂谈友链关于

云端杂谈

“ 代码、学术、提瓦特与泰拉大陆的碎片记录 ”

cover
✨ 教程
2026-07-23

GitHub 零基础入门教程:从小白到日常使用

写代码的人,迟早会遇上这些场景: - 代码改崩了,想回到昨天晚上的版本 - 和同学合作课设,文件传来传去搞不清哪个是最新的 - 想把自己写的项目展示给别人看,但发压缩包太 low - 换电脑了,代码全在老电脑里拿不出来 **GitHub 一键全解决。** ## 第 0 步:搞清楚 GitHub 和 Git 的关系 很多人一开始就搞混——**Git 是工具,GitHub 是平台**。 | Git | GitHub | |-----|--------| | 安装在电脑上的版本控制工具 | 托管 Git 仓库的网站 | | 在你本机运行 | 在云端运行 | | 负责记录每一次修改 | 负责存储和分享代码 | | 离线也能用 | 需要联网 | 简单类比:Git = 相机,GitHub = 朋友圈。你用相机拍照(记录版本),发到朋友圈给别人看(分享代码)。 ## 第 1 步:注册 GitHub 账号 1. 打开 [github.com](https://github.com) 2. 点右上角 **Sign up** → 输入邮箱、密码、用户名 3. 验证邮箱 → 完成注册 📌 **取名建议**:用英文名 + 数字或专业缩写即可,尽量不要用火星文——以后写在简历上的。 ## 第 2 步:安装 Git ### Windows 去 [git-scm.com](https://git-scm.com) 下载安装包,一路 Next。安装完成后右键菜单会有 `Git Bash Here`。 装完验证: ```bash git --version # 输出类似:git version 2.47.0 ``` ### 配置身份信息(必须做!) ```bash git config --global user.name "你的GitHub用户名" git config --global user.email "你的GitHub邮箱" ``` 每次提交都会带上这个身份标签,所以名字要和你 GitHub 账号一致。 ## 第 3 步:创建你的第一个仓库 ### 在 GitHub 上创建 1. 登录 GitHub → 点右上角 **+** → **New repository** 2. 填写 Repository name(比如 `my-first-project`) 3. 选 Public(公开)或 Private(私有) 4. ✅ 勾选 "Add a README file" 5. 点 **Create repository** ### 克隆到本地 ```bash # 把你的仓库地址复制下来,格式是 https://github.com/你的用户名/仓库名.git git clone https://github.com/你的用户名/my-first-project.git cd my-first-project ``` 恭喜!现在你本地就有一个和 GitHub 同步的文件夹了。 ## 第 4 步:第一次提交(add + commit + push) 这是日常使用频率最高的操作,俗称"Git 三连": ```bash # 1. 看看文件夹里改了什么 git status # 2. 把修改的文件加入"待提交清单" git add . # . 表示当前文件夹下所有改动 # 或者精确到单个文件(推荐): git add index.html # 3. 提交到本地仓库,附带说明 git commit -m "feat: 添加首页" # 4. 推送到 GitHub git push ``` 打开 GitHub 网页刷新——你的文件已经在线上了! ### commit message 怎么写? | 前缀 | 含义 | 例子 | |------|------|------| | `feat:` | 新功能 | `feat: 添加音乐播放器` | | `fix:` | 修 Bug | `fix: 修复首页图片加载失败` | | `docs:` | 改文档 | `docs: 更新 README` | | `style:` | 改样式 | `style: 调整导航栏颜色` | | `refactor:` | 重构代码 | `refactor: 拆分首页组件` | **原则:让别人(和三个月后的你自己)一眼能看懂你干了什么。** ## 第 5 步:分支——一个人也要用 ```bash # 创建并切换到新分支 git checkout -b feat/music-player # 确认当前在哪个分支 git branch # 在新分支上随便改,不会影响 main # ... 修改代码 ... git add . git commit -m "feat: 完成音乐播放器基础功能" git push origin feat/music-player ``` 好处:**main 分支永远是可运行、能见人的稳定版本**。不会出现"我改了一半但明天要给老师看"的尴尬。 ```bash # 新功能写完了、测好了,合并回 main git checkout main git merge feat/music-player git push ``` ## 第 6 步:拉取更新(pull) 当你在多台设备上写代码,或者和别人合作时,先拉再推: ```bash # 从 GitHub 下载最新版本到本地 git pull # 推荐加 --rebase,避免产生无意义的合并提交 git pull --rebase ``` **黄金法则:每次 push 之前先 pull。** ## 第 7 步:.gitignore——告诉 Git 忽略什么 在项目根目录创建 `.gitignore` 文件: ```gitignore # 依赖(能通过 npm install 装回来,不用上传) node_modules/ # 构建产物 .next/ dist/ build/ # 密钥和环境变量(绝对不要上传!) .env .env.local *.key # 系统垃圾 .DS_Store Thumbs.db # IDE 配置 .idea/ .vscode/ ``` **三条原则**:能生成的不提交、密钥不提交、系统垃圾不提交。 ## 第 8 步:常用场景速查 ### 场景一:改崩了想回退 ```bash # 查看提交历史 git log --oneline # 撤销某个文件到上次提交时的状态 git checkout -- 文件名 # 回退到某一次提交(保留修改记录) git revert 提交ID ``` ### 场景二:不小心提交了不该提交的东西 ```bash # 撤销最近一次 commit(但保留文件改动) git reset --soft HEAD~1 ``` ### 场景三:想临时存一下改动,切去干别的事 ```bash # 暂存当前修改 git stash # 干完别的事回来恢复 git stash pop ``` ## 第 9 步:学生福利别错过 用学校邮箱申请 **[GitHub Student Developer Pack](https://education.github.com/pack)**,免费拿: - 🎓 **GitHub Copilot**(AI 写代码,原价 $10/月) - ☁️ 各种云服务额度(Vercel、Heroku 等) - 🌐 免费域名一年 - 🎨 Figma、Canva Pro 申请只需要学生证照片,通常当天就能通过。 ## 第 10 步:把 GitHub 变成你的简历 1. **建一个和用户名同名的仓库**(比如用户名叫 `jaychou4399`,就建 `jaychou4399/jaychou4399`),里面的 `README.md` 会自动显示在你的 GitHub 主页 2. 写好自我介绍、技术栈、GitHub 统计 3. 坚持每天 push,让贡献图绿起来 --- ## 总结 | 操作 | 命令 | |------|------| | 克隆仓库 | `git clone 地址` | | 查看状态 | `git status` | | 添加文件 | `git add 文件名` | | 提交 | `git commit -m "说明"` | | 推送 | `git push` | | 拉取 | `git pull --rebase` | | 创建分支 | `git checkout -b 分支名` | | 切换分支 | `git checkout 分支名` | | 查看历史 | `git log --oneline` | | 暂存改动 | `git stash` | **开始动手吧——把你现在的这个博客项目 push 上去,就是最好的练习。** > GitHub 不只是一个存代码的地方,它是你作为开发者的**作品集 + 成长轨迹 + 社交名片**。每个小项目都值得被记录。
#GitHub#Git#教程#效率工具
cover
✨ 推荐
2026-07-22

大学生必收藏的GitHub开源项目:从课设到面试,这些仓库能让你少熬80%的夜

大学四年,总有那么几个凌晨,你对着空白的 IDE 怀疑人生。课设 deadline 在明天,毕设框架还没搭,算法题刷了又忘…… 这些 GitHub 项目就是为这些时刻准备的。**每一个我都实际用过或身边有人用过**,不是那种收藏即吃灰的列表。 --- ## 一、计算机基础:刷课不挂科 ### [CS-Notes](https://github.com/CyC2018/CS-Notes) > ⭐ 180k+ | 技术面试必备基础知识 计算机网络、操作系统、数据库、算法……大厂面试八股文全在这。**期末复习看一遍,面试前再看一遍**,简历上的"熟悉计算机网络"就敢写了。 ### [OI-wiki](https://github.com/OI-wiki/OI-wiki) > ⭐ 22k+ | 编程竞赛知识整合 别被名字骗了,不只是竞赛生用。数据结构与算法板块写得比教材还清楚,配图和代码示例都很全。**学算法的同学一定要收藏**。 --- ## 二、写代码:告别从零开始 ### [HelloGitHub](https://github.com/521xueweihan/HelloGitHub) > ⭐ 96k+ | 分享 GitHub 上有趣、入门级的开源项目 每月一期,推荐适合新手练手的开源项目。想参与开源但不知道从哪开始?先把这个月刊翻一遍。**中文友好,门槛极低**。 ### [freeCodeCamp](https://github.com/freeCodeCamp/freeCodeCamp) > ⭐ 410k+ | 免费学编程 全球最大的免费编程学习平台。从前端到数据科学,每个模块都有项目练手。**拿证书不要钱,简历上还能写**。 ### [public-apis](https://github.com/public-apis/public-apis) > ⭐ 330k+ | 免费 API 合集 做课设/比赛最头疼的不是代码,是没数据。这个仓库收录了上千个免费 API,从天气到金融到动漫,**做啥项目都不愁数据源**。 --- ## 三、毕设救星:从开题到答辩 ### [awesome-chatgpt-prompts](https://github.com/f/awesome-chatgpt-prompts) > ⭐ 120k+ | ChatGPT 提示词大全 配合 AI 写代码、写论文、翻译文献,效率翻倍。**2026年了,不让 AI 帮忙就是亏待自己**。 ### [tech-interview-handbook](https://github.com/yangshun/tech-interview-handbook) > ⭐ 120k+ | 技术面试手册 算法题刷不动?这里有按公司、按类型整理的刷题路线。**从投简历到拿 offer 的全流程指导**。 --- ## 四、日常效率:让生活少点痛苦 ### [UTools](https://github.com/uTools) 国内的效率工具箱(类似 Alfred/Raycast)。截图、翻译、剪贴板、颜色拾取……**一个快捷键搞定所有**。写论文、做PPT的效率神器。 ### [Zotero](https://github.com/zotero/zotero) > ⭐ 11k+ | 开源文献管理工具 写论文不得不面对参考文献格式地狱。Zotero 一键抓取知网/Google Scholar 文献,自动生成参考文献。**比 EndNote 好用,还免费**。 --- ## 最后 这些项目不需要你全部 Star,挑 2-3 个当下最需要的,**真的去用**,比收藏 100 个仓库管用一万倍。 > 好的工具不会替你写代码,但能让你把时间花在刀刃上。
#GitHub#大学生#资源推荐#效率
cover
✨ 记录
2026-07-21

初次创建网站

折腾了好几天,这个博客终于从零到一站起来了。 一直想要一个属于自己的角落——不是为了给谁看,而是想在这个快节奏的时代里,给自己留一个可以慢下来的地方。记录学到的技术、踩过的坑、拍到的照片,以及那些转瞬即逝的想法。 ## 为什么叫"数字花园"? 比起传统的博客,我更喜欢 **Digital Garden(数字花园)** 这个概念—— - 🌿 文章不是一成不变的,会随着我的成长不断更新、修剪 - 🌸 各篇文章之间像植物一样相互连接,形成知识网络 - 🪴 不在乎更新频率,只在乎每一篇是否用心 这里会有: | 模块 | 内容 | |------|------| | 📝 **文章** | 技术笔记、经验总结、深度思考 | | 💬 **说说** | 日常碎碎念,当朋友圈用 | | 📰 **杂谈** | 数码评测、AI 工具对比、好物推荐 | | 📸 **照片墙** | 摄影作品、生活随拍 | | 🎵 **音乐** | 网易云歌单,写代码时的 BGM | | 📌 **项目** | GitHub 仓库展示 | | 👋 **关于** | 自我介绍与研究动态 | | 🔗 **友链** | 小伙伴们的博客 | ## 技术栈 这个博客基于 [Volga](https://github.com/jaychou4399/Volga) 搭建,使用 Next.js + Tailwind CSS,部署在 Vercel 上。 从买域名到配 DNS 到第一次成功部署,踩了不少坑,但也学到了很多。最大的感受是:**动手做比看一百篇教程都有用**。 ## 写在最后 不知道这个博客能坚持更新多久,但至少现在——2026 年的夏天,我有了一个属于自己的小角落。 希望一年后回头看,这里已经长成了一片小森林 🌲
#博客#Digital Garden#生活
🎵音乐柱