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

云端杂谈

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

cover
✨ 教程
2026-07-28

Markdown 速通:写 README、记笔记、发文章都够用了

你可能会说:"我用 Word / Notion / Obsidian,不需要 Markdown。" 但你迟早会遇到这些场景: - 写 GitHub README,**只能用 Markdown** - 在论坛/知乎发技术帖,**支持 Markdown 的话排版好 10 倍** - 写技术博客,**Markdown 转 HTML 最方便** - 用 AI 写 Prompt,**结构化的 Markdown 输出最稳定** Markdown 是程序员的"通用语"——不像 LaTeX 那么重,不像 HTML 那么啰嗦,**够用就行**。 这篇文章只讲 **10 个最常用的语法**,覆盖 95% 的使用场景。15 分钟看完,终身受用。 --- ## 1. 标题(#) ```markdown # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ``` **效果**: # 一级标题 ## 二级标题 ### 三级标题 > 💡 建议:只用 1-3 级,层级太多读者会晕。 --- ## 2. 加粗 / 斜体 ```markdown **这是加粗** *这是斜体* ***这是加粗斜体*** ~~这是删除线~~ ``` **效果**: **这是加粗** *这是斜体* ***这是加粗斜体*** ~~这是删除线~~ --- ## 3. 列表 ### 无序列表 ```markdown - 苹果 - 香蕉 - 小香蕉(嵌套) - 橙子 ``` **效果**: - 苹果 - 香蕉 - 小香蕉(嵌套) - 橙子 ### 有序列表 ```markdown 1. 打开编辑器 2. 输入代码 3. 按 Ctrl+S 保存 ``` **效果**: 1. 打开编辑器 2. 输入代码 3. 按 Ctrl+S 保存 ### 任务列表(Todo) ```markdown - [x] 完成需求分析 - [x] 写技术方案 - [ ] 编码实现 - [ ] 写测试 - [ ] 部署上线 ``` **效果**: - [x] 完成需求分析 - [x] 写技术方案 - [ ] 编码实现 - [ ] 写测试 - [ ] 部署上线 > 💡 GitHub / GitLab / Notion 都支持任务列表,还能统计完成率。 --- ## 4. 代码 ### 行内代码 ```markdown 在终端输入 `npm install` 安装依赖 ``` **效果**:在终端输入 `npm install` 安装依赖 ### 代码块 三反引号包住,标注语言: ```markdown ```javascript function hello(name) { return `Hello, ${name}!`; } console.log(hello('World')); ``` ``` **效果**: ```javascript function hello(name) { return `Hello, ${name}!`; } console.log(hello('World')); ``` > 💡 标注语言后,GitHub / VSCode 会自动语法高亮。支持的语言:javascript, python, go, rust, typescript, bash, html, css, json, yaml …… --- ## 5. 链接和图片 ### 链接 ```markdown [访问 GitHub](https://github.com) ``` **效果**:[访问 GitHub](https://github.com) ### 图片 ```markdown ![猫咪照片](https://example.com/cat.jpg) ![带尺寸的图片](https://example.com/cat.jpg){width=300} ``` **效果**: ![猫咪照片](https://example.com/cat.jpg) > 💡 图片 alt text 是给屏幕阅读器和图片加载失败时看的,养成写 alt 的习惯。 ### 引用式链接(长文档推荐) ```markdown [Google][1] [GitHub][2] [1]: https://google.com [2]: https://github.com ``` --- ## 6. 引用 ```markdown > 这是一段引用文字 > 可以跨越多行 > > > 还能嵌套引用 > > 第二层引用 ``` **效果**: > 这是一段引用文字 > 可以跨越多行 > > > 还能嵌套引用 > > 第二层引用 > 💡 引用常用于:金句、名言、代码注释中的说明。 --- ## 7. 表格 ```markdown | 姓名 | 年龄 | 职业 | |------|------|------| | 张三 | 25 | 前端工程师 | | 李四 | 30 | 产品经理 | | 王五 | 28 | 设计师 | ``` **效果**: | 姓名 | 年龄 | 职业 | |------|------|------| | 张三 | 25 | 前端工程师 | | 李四 | 30 | 产品经理 | | 王五 | 28 | 设计师 | > 💡 对齐方式:`:---` 左对齐,`:---:` 居中,`---:` 右对齐 ```markdown | 左对齐 | 居中对齐 | 右对齐 | |:-------|:-------:|-------:| | 内容 | 内容 | 内容 | ``` --- ## 8. 分隔线 ```markdown 上面的内容 --- 下面的内容 ``` **效果**: 上面的内容 --- 下面的内容 --- ## 9. 转义字符 如果想显示 Markdown 语法本身(不是执行它),用反斜杠转义: ```markdown \*\*这不是加粗\*\* \# 这不是标题 \`这不是代码\` ``` **效果**: \*\*这不是加粗\*\* \# 这不是标题 \`这不是代码\` --- ## 10. 常用扩展语法 ### 脚注(GitHub 不支持,但很多平台支持) ```markdown 这是一段文字[^1] [^1]: 这是脚注内容 ``` ### 自动链接 ```markdown <https://github.com> <user@example.com> ``` ### 键盘按键 ```markdown 按 <kbd>Ctrl</kbd> + <kbd>S</kbd> 保存 ``` **效果**:按 <kbd>Ctrl</kbd> + <kbd>S</kbd> 保存 ### 数学公式(部分平台支持) ```markdown 行内公式:$E = mc^2$ 公式块: $$ \int_{0}^{\infty} e^{-x^2} dx = \frac{\sqrt{\pi}}{2} $$ ``` --- ## 实战:写一个 README 的完整示例 把上面学的语法组合起来,就是一个标准的 GitHub README: ```markdown # 🚀 AwesomeProject > 一个超棒的开源项目,解决 XX 问题 [![License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE) [![Stars](https://img.shields.io/github/stars/user/repo.svg)](https://github.com/user/repo) ## ✨ 特性 - 🎯 高性能:比同类产品快 10 倍 - 🔧 易用:一行代码搞定 - 🌍 跨平台:Windows / macOS / Linux ## 📦 安装 ```bash npm install awesome-project ``` ## 🚀 快速开始 ```javascript import { Awesome } from 'awesome-project'; const app = new Awesome(); app.start(); ``` ## 📖 使用文档 详见 [官方文档](https://example.com/docs)。 ## 🤝 贡献 欢迎 PR!详见 [CONTRIBUTING.md](CONTRIBUTING.md)。 ## 📄 开源协议 MIT © 2026 Your Name ``` --- ## 推荐工具 | 工具 | 用途 | 推荐指数 | |------|------|----------| | [Typora](https://typora.io/) | 所见即所得编辑器 | ⭐⭐⭐⭐⭐ | | [Obsidian](https://obsidian.md/) | 知识管理笔记 | ⭐⭐⭐⭐⭐ | | [VSCode](https://code.visualstudio.com/) | 搭配 Markdown All in One 插件 | ⭐⭐⭐⭐⭐ | | [Markdown Live Preview](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.visualstudio-markdown-mermaid) | VSCode 实时预览 | ⭐⭐⭐⭐ | | [dillinger](https://dillinger.io/) | 在线编辑,无需安装 | ⭐⭐⭐⭐ | | [markdownlint](https://github.com/DavidAnson/markdownlint) | 检查格式规范 | ⭐⭐⭐ | --- ## 速查表(保存这张图就够了) ``` # 标题 **加粗** *斜体* ~~删除线~~ - 列表 1. 有序列表 - [x] 任务列表 `行内代码` ```代码块``` [链接](url) ![图片](url) > 引用 | 表格 | --- 分隔线 \* 转义 ``` --- ## 写在最后 Markdown 的精髓在于 **"写的时候只管内容,不管样式"**。 你不需要记住所有语法,用到的时候回来查就行。关键是:**动手写,用多了自然就记住了**。 > 最好的学习方式:打开 GitHub,新建一个 README.md,把这篇文章的示例抄一遍。 15 分钟后,你就能用 Markdown 写出漂亮的 README、清晰的技术笔记、规范的博客文章。 **别等了,现在就打开编辑器试试吧。**
#Markdown#效率#文档#写作工具
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#生活