1264 字
4 分钟
如何使用Github-全球最大的同性交友网站
月亮今晚不营业，所以我来说晚安。
一、前言
- 什么是GitHub？
- Github是一个面向开源及私有软件项目的托管平台，因为只支持Git作为唯一的版本库 格式，故名Github。Github提供的功能包括：
- 核心功能 代码托管：提供存储库（Repository）来托管代码，支持 Git 版本控制系统，开发者可以追踪代码变更、管理分支和合并代码。
- 协作工具：通过 Pull Request 实现代码审查，Issues 用于任务跟踪，Wiki 和 Projects 辅助项目管理，支持全球开发者协作。
- 自动化与扩展：内置 GitHub Actions 实现持续集成/持续部署（CI/CD），并可通过 Marketplace 集成第三方工具。
- 与 Git 的关系 Git 是本地运行的分布式版本控制系统，而 GitHub 是基于 Git 的在线平台，提供 Web 界面和社交化协作功能，简化了代码共享与团队协作流程。
- 应用场景 开源项目：全球最大的开源社区，开发者可 Fork 项目、提交贡献并参与协作。
- 企业开发：支持私有仓库和权限管理，适用于团队开发与代码安全控制
- graph TD
A[GitHub工作流程] --> B[GitHub网站操作] A --> C[GitHub Desktop操作] A --> D[Git命令行操作] B --> E[创建仓库/配置Pages] C --> F[可视化提交] D --> G[命令驱动工作流] E --> H[生成短链博客] F --> H G --> H二、实际操作
🎡<一>、GitHub网站操作（浏览器端-您的文件极少且不包含文件夹时）
- 登录与准备
- 访问Github
- 注册/登录账号（免费账户即可）
- 右上角点击”+” → “New repository”创建新仓库
- 创建博客仓库
- 仓库名格式：“
.github.io ”(固定格式，如 johnsmith.github.io) - 设为 “Public”（私有仓库Pages功能受限）
- 勾选 “Add a README file”(可选)
- 点击 “Create repository”
- 仓库名格式：“
- 上传博客文件
- 进入新建的仓库 → 点击 Add file → Upload files或
- 拖拽本地博客文件夹（包含HTML/CSS/JS文件）
- 目录结构要求：
├── index.html # 必须存在
├── styles.css
└── images/ - 点击 “Commit changes” 提交
- 启用GitHub Pages
- 进入仓库 → Settings → Pages
- Branch：选择 main 或 master
- Folder：选择 /root（根目录）
- 保存后生成短链：
https://<username>.github.io - 访问您的博客：
https://<username>.github.io
注：1. 此方法只适用于静态网页，如html文件，css文件，js文件等。2.若域名未生效，请检查DNS设置，或稍后再试
✨<二>、GitHub Desktop操作（图形界面-您的文件较多且包含文件夹时）
- 安装与登录
- 访问Github Desktop
- 点击
“Download for Windows”下载安装包 - 运行安装包，选择安装路径，点击
“Next” - 点击
“Install”完成安装 - 登录GitHub账号（File → Options → Accounts）
- 创建本地博客项目
- 本地创建博客文件夹（包含HTML/CSS文件） my-blog/ ├── index.html └── styles.css
- 选择本地仓库并提交
- 点击 File → Add Local Repository
- 选择博客文件夹 → 点击 Create Repository
- 填写仓库信息：
- Name:
.github.io # 固定格式 - Description: My personal blog
- 在 Summary 输入提交信息（如 “Initial blog commit”）
- 点击 Publish repository（首次同步）
- 勾选 “Keep this code private”（可选）
- Name:
- 创建新的仓库并推送
- 点击 File → New Repository
- 填写仓库信息：
- Name:
.github.io # 固定格式 - Description: My personal blog
- 在 Summary 输入提交信息（如 “Initial blog commit”）
- 点击 Publish repository（首次同步）
- 勾选 “Keep this code private”（可选）
- 右侧“打开仓库文件夹”，复制或创建您的项目文件（于此）
- 回到github desktop，右侧发布到仓库
- Name:
- 克隆在线仓库
- 点击
“Clone a repository from the internet” - 输入仓库地址，点击
“Clone” - 选择本地路径，点击
“Clone” - 对克隆的项目进行操作
- 点击
- 更新博客内容
- 修改本地文件 → GitHub Desktop自动检测变更
- 填写提交信息 → 点击 Commit to main
- 点击 Push origin 同步到GitHub
- 静态博客时可短链访问：
https://<username>.github.io
🎉<三>、Git命令行操作（终端）
- 环境配置
Bash安装Git（首次使用）sudo apt install git # Ubuntubrew install git # macOS- 配置用户信息
git config --global user.name "Your Name"git config --global user.email "email@example.com"- 创建本地博客项目
Bash# 创建项目文件夹mkdir my-blog && cd my-blog# 初始化Git仓库git init# 创建博客文件echo "<html><body><h1>My Blog</h1></body></html>" > index.htmltouch styles.css- 连接GitHub仓库
Bash# 在GitHub创建新仓库（名称：<username>.github.io）# 获取仓库URL（格式：https://github.com/<username>/<username>.github.io.git）# 添加远程仓库git remote add origin https://github.com/<username>/<username>.github.io.git- 提交并推送代码
Bash# 添加所有文件到暂存区git add .# 提交变更git commit -m "Initial blog commit"# 推送到GitHub（首次使用）git push -u origin main
# 后续更新推送git add .git commit -m "Update blog design"git push- 访问博客短链
打开浏览器访问：https://<username>.github.io文件变更后需等待1-2分钟生效🎇<四 >、工作流对比与选择
| 功能 | GitHub网站 | GitHub Desktop | Git命令行 |
|---|---|---|---|
| 学习曲线 | 最简单 | 中等 | 较陡峭 |
| 文件上传 | 拖拽操作 | 自动同步 | 需手动命令 |
| 版本控制 | 基础功能 | 完整功能 | 完整功能 |
| 适合场景 | 小文件快速上传 | 日常项目管理 | 高级/自动化操作 |
| 部署速度 | 即时 | 即时 | 即时 |
📋<五>、最佳实践建议
✅首次部署推荐：GitHub网站（操作最简单）
✅日常更新推荐：GitHub Desktop（可视化操作）
✅自动化部署：Git命令行 + Shell脚本
✅博客SEO优化：
HTML <!-- 在index.html添加 --> <meta name="description" content="My Personal Blog"> <meta name="keywords" content="blog, web development">❎遇到问题？访问 GitHub Pages文档 或检查仓库Settings → Pages的报错信息
如何使用Github-全球最大的同性交友网站
https://d416c1eb.yqamm.pages.dev/posts/2025122501git/20251219git/ 部分信息可能已经过时