从零开始搭建你的个人博客:使用 GitHub Pages 免费部署静态网站

🌐 从零开始搭建你的个人博客:使用 GitHub Pages 免费部署静态网站

在互联网时代,拥有一个属于自己的网站不仅是一种展示方式,更是一种技术能力的体现。今天我们将一步步学习如何通过 GitHub Pages 搭建一个免费的个人博客或简历网站。零基础也完全没问题!


✨ 为什么选择 GitHub Pages?

  • 免费! 不花一分钱就可以部署你的个人网站。
  • 稳定! GitHub 背靠微软,服务可靠。
  • 速度尚可:虽然是国外网站,但国内访问速度也不错。
  • 随时迁移:即使未来 GitHub 无法访问,迁移到 Gitee(码云)等国内平台也轻而易举。

🛠 准备工作:注册 GitHub 账号

  1. 打开 GitHub 官网,点击右上角的 Sign up 注册新账号。
  2. 填写以下信息:
    • 用户名(建议个性化些,因为它会出现在你的网站地址中)
    • 邮箱
    • 密码
  3. 邮箱验证:GitHub 会给你的邮箱发送一封验证邮件,请点击确认链接完成激活。

📌 注意:注册过程中 GitHub 可能会问你一些使用习惯的问题,随意选择即可,不影响后续使用。


📦 创建你的第一个代码仓库(Repository)

这个仓库将作为你网站的“家”。

  1. 登录 GitHub,点击右上角头像 -> Your repositories -> New 创建新仓库。
    在这里插入图片描述
    在这里插入图片描述

  2. 仓库命名格式必须为:你的用户名.github.io

    • 例如你的用户名是 leo,那么仓库名就填 leo.github.io
      在这里插入图片描述
  3. 可选择勾选“Add a README file”,方便初始化仓库。

  4. 点击 “Create repository” 完成创建。
    在这里插入图片描述


✍️ 创建主页文件:index.html

  1. 进入你刚刚创建的仓库。

  2. 点击 “Add file” -> “Create new file”。
    在这里插入图片描述

  3. 文件名必须是 index.html,因为浏览器默认访问的是这个页面。
    在这里插入图片描述

  4. 在编辑框里输入你的网站内容,例如:

    <html><head><title>我的个人主页</title></head><body><h1>你好,欢迎来到我的GitHub主页!</h1><p>这是我第一个静态网站~</p></body>
    </html>
    
  5. 填写提交说明,点击 “Commit new file”。
    在这里插入图片描述


🚀 部署网站到 GitHub Pages

接下来,我们就要把这个网站“发布”到互联网上了!

  1. 打开仓库主页,点击上方的 Settings
    在这里插入图片描述
  2. 在左侧菜单中找到 “Pages”
    在这里插入图片描述
  3. “Build and Deployment” 部分:
    • Source:选择 Deploy from a branch
    • Branch:选择 mainmaster(视你创建仓库时选择的分支而定)
      在这里插入图片描述
  4. 保存设置。

🌐 查看你的网站

几分钟后,你就可以通过浏览器访问你的网站啦!

✅ 访问规则说明:

  1. 如果你的用户名和仓库名一致(即你创建的是用户主页)
    • 仓库名必须是:你的用户名.github.io

    • 访问地址是:

      https://你的用户名.github.io
      
    • 例如,如果你的用户名是 leo,访问地址就是:

      https://leo.github.io
      

在这里插入图片描述

  1. 如果你创建的是其他仓库(项目站点)
    • 仓库名不是 用户名.github.io,而是其他名字,比如 blogresume 等;

    • 那么访问地址是:

      https://你的用户名.github.io/仓库名
      
    • 例如你的用户名是 leo,仓库名是 blog,那么访问地址是:

      https://leo.github.io/blog
      

📌 说明:用户主页(User Page)项目主页(Project Page) 是 GitHub Pages 的两种不同的部署模式。只有当仓库名严格等于“你的用户名.github.io”时,才会被识别为用户主页。


🔁 如果以后 GitHub 被墙了怎么办?

不用担心!你已经掌握了部署静态网站的核心方法:

  • 你可以选择将代码迁移到国内的代码托管平台,比如 Gitee(码云)。
  • 这些平台同样支持静态页面托管,只需稍作调整。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/81137.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

canvas动画:点随机运动 距离内自动连接成线 鼠标移动自动吸附附近的点

思路/实现步骤 创建canvas元素 获取canvas的上下文ctx 初始化点的信息&#xff08;数量、初始坐标、移动方向、移动速度、大小、颜色&#xff09; 绘制点 绘制点之间的连线 点有规律的动起来 动画循环 鼠标移动相关逻辑 点鼠标之间连线 鼠标吸附逻辑 添加配置项 重绘…

2025年4月AI科技领域周报(4.21-4.27):大模型生态加速演进 通用AI开启产业融合新范式

2025年4月AI科技领域周报&#xff08;4.21-4.27&#xff09;&#xff1a;大模型生态加速演进 通用AI开启产业融合新范式 一、本周热点回顾1. OpenAI发布全球首款通用AI芯片「GPT-NPU」 重塑AI算力架构2. 谷歌DeepMind发布医疗AI系统「Med-Pathfinder」 实现全科室智能诊断3. 微…

【Bash】可以请您解释性地说明一下“2>1”这个语法吗?

Qwen3-235B 当然可以&#xff01;我们一步步拆解 2>&1 的含义&#xff0c;用生活化的例子来理解它&#xff1a; &#x1f9e0; 前提知识&#xff1a;三个“水流通道” 在 Linux/Unix 系统中&#xff0c;程序运行时有三种默认的“水流通道”&#xff1a; 标准输入&…

MAC如何安装多版本jdk(以8,11,17为例)

MAC如何安装多版本jdk(以8,11,17为例&#xff09;_mac安装jdk17-CSDN博客

Nginx核心

一、概述 Nginx一个具有高性能的【HTTP】和【反向代理】的【WEB服务器】&#xff0c;同时也是一个电子邮件代理服务器。正向代理服务的是客户端&#xff08;比如VPN&#xff09;&#xff0c;反向代理服务的是服务端。Nginx是多进程的&#xff0c;有一个Master进程控制多个Worke…

综合开发-手机APP远程控制PLC1500柱灯的亮灭

要通过 ​​Unity3D​​ 开发的手机 App 控制 ​​电气柜上面的柱灯&#xff0c;需要WIFI模块作为桥梁&#xff0c;按照以下步骤实现&#xff1a; ​​1. 硬件准备&#xff08;硬件部分&#xff09;​​ ​​所需材料​​ ​​ESP32开发板​​&#xff08;如ESP32-WROOM-32&a…

五款提效工具

1. 亿可达 核心功能&#xff1a;通过“触发器动作”模式&#xff0c;实现任务自动执行&#xff08;如邮件转发、评论回复、数据同步&#xff09;。 适用场景&#xff1a;自动同步Notion项目到滴答清单生成待办事项 优势&#xff1a;节省重复操作时间&#xff0c;减少人为错误&a…

Docker化HBase排错实录:从Master hflush启动失败到Snappy算法未支持解决

前言 在容器化时代&#xff0c;使用 Docker 部署像 HBase 这样复杂的分布式系统也比较方便。社区也提供了许多方便的 HBase Docker 镜像&#xff0c;没有找到官方的 apache的&#xff0c;但有包含许多大数据工具的 harisekhon/hbase 或用于学习目的的 bigdatauniversity/hbase…

windows远程服务器数据库的搭建和远程访问(Mysql忘记密码通过Navicat连接记录解密密码)

服务器数据库的搭建和远程访问 mysql数据库安装&#xff08;详细&#xff09; window安装mysql详细流程 路程&#xff1a;重设MySQL5密码&#xff0c;发现远程服务器原本有一个MySQL5&#xff0c;尝试在服务器本地建立连接被拒绝&#xff0c;因为不知道密码。 &#xff08;1…

每日c/c++题 备战蓝桥杯(P1093 [NOIP 2007 普及组] 奖学金)

洛谷P1093 [NOIP 2007 普及组] 奖学金 详解题解 题目背景与要求 题目链接&#xff1a;P1093 奖学金 核心任务&#xff1a;根据学生三科总分评选前5名奖学金获得者&#xff0c;需按特定规则排序输出。 排序规则&#xff08;按优先级从高到低&#xff09;&#xff1a; 总分降…

openEuler 22.03 安装 Nginx,支持离线安装

目录 一、环境检查1.1 必要环境检查1.2 在线安装&#xff08;有网络&#xff09;1.3 离线安装&#xff08;无网络&#xff09; 二、下载Nginx2.1 在线下载2.2 离线下载 三、安装Nginx四、开机自启服务五、开放防火墙端口六、常用命令 一、环境检查 1.1 必要环境检查 # 查看 g…

基于深度学习的图像压缩技术(二)

接上篇&#xff1a;基于深度学习的图像压缩技术&#xff08;一&#xff09;-CSDN博客 3 基于生成对抗神经网络的图像压缩技术 生成对抗网络是一种先进的无监督学习算法&#xff0c;由Goodfellow等人在2014 年首次提出&#xff0c;其核心思想源于博弈论。 生成对抗网络在图像压…

TCP和UDP的数据传输+区别

目录 一、数据传输过程 1.1 TCP字节流服务图 1.2 UDP数据报服务图 二、tcp与udp的区别 1.连接方式 2.可靠性 3.传输效率 4.有序性 5.流量控制和拥塞控制 6.应用场景 7.首部长度 三、tcp与udp能不能使用同一个端口号&#xff1f; 四、同一个协议&#xf…

基于ssm的校园旧书交易交换平台(源码+文档)

项目简介 校园旧书交易交换平台的主要使用者分为&#xff1a; 前台功能&#xff1a;用户进入系统可以对首页、书籍信息、校园公告、个人中心、后台管理等功能进行操作&#xff1b; 后台主要是管理员&#xff0c;管理员功能包括主页、个人中心、学生管理、发布人管理、书籍分类…

虚假安全补丁攻击WooCommerce管理员以劫持网站

一场大规模钓鱼攻击正针对WooCommerce用户&#xff0c;通过伪造安全警报诱使他们下载所谓的"关键补丁"&#xff0c;实则为植入WordPress后门的恶意程序。 恶意插件植入 根据Patchstack研究人员发现&#xff0c;上当受骗的用户在下载更新时&#xff0c;实际上安装的…

《冰雪传奇点卡版》:第二大陆介绍!

一、第二大陆&#xff1a;高阶资源与实力验证的核心战场 1. 准入条件与地图分布 进入门槛&#xff1a; 基础要求&#xff1a;角色需达到四转&#xff08;需消耗50万元宝完成转生任务&#xff09;&#xff0c;部分地图需额外满足神魔点数&#xff08;如黑暗之森需神魔全2&#…

信创系统图形界面开发指南:技术选择与实践详解

信创系统图形界面开发指南&#xff1a;技术选择与实践详解 &#x1f9d1; 博主简介&#xff1a;CSDN博客专家、CSDN平台优质创作者&#xff0c;高级开发工程师&#xff0c;数学专业&#xff0c;10年以上C/C, C#, Java等多种编程语言开发经验&#xff0c;拥有高级工程师证书&…

【人脸去遮挡前沿】三阶段级联引导学习如何突破真实场景遮挡难题?

一、现实痛点:当人脸被遮挡,AI “认脸” 有多难? 你是否遇到过这样的场景? 中考体育测试:2025 年天津泰达街中考考场要求考生 “脸部无遮挡” 才能通过人脸识别入场,戴口罩、帽子的学生需现场调整发型。智能门锁:奇景光电在 CES 2025 推出的 WiseEye 掌静脉模块,通过掌…

c++线程的创建

c 11 线程编程实战 目录 c 11 线程编程实战1&#xff0c;线程的创建1.1 传入无参函数1.2 传入有参函数1.3 传入类内部函数1.4 lambda表达式 1&#xff0c;线程的创建 1.1 传入无参函数 //传入函数&#xff0c;创建线程 void ThreadMain() {//获取线程IDstd::thread::id thi…

人工智能数学基础(六):数理统计

数理统计是人工智能中数据处理和分析的核心工具&#xff0c;它通过收集、分析数据来推断总体特征和规律。本文将系统介绍数理统计的基本概念和方法&#xff0c;并结合 Python 实例&#xff0c;帮助读者更好地理解和应用这些知识。资源绑定附上完整资源供读者参考学习&#xff0…