当前位置： 首页 > article >正文

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

article 2025/10/8 20:58:01

🌐 从零开始搭建你的个人博客：使用 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：选择 main 或 master（视你创建仓库时选择的分支而定）
      在这里插入图片描述
  4. 保存设置。

🌐 查看你的网站

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

✅ 访问规则说明：

  1. 如果你的用户名和仓库名一致（即你创建的是用户主页）：

    • 仓库名必须是：你的用户名.github.io

    • 访问地址是：

      https://你的用户名.github.io

    • 例如，如果你的用户名是 leo，访问地址就是：

      https://leo.github.io

在这里插入图片描述

  1. 如果你创建的是其他仓库（项目站点）：

    • 仓库名不是 用户名.github.io，而是其他名字，比如 blog、resume 等；

    • 那么访问地址是：

      https://你的用户名.github.io/仓库名

    • 例如你的用户名是 leo，仓库名是 blog，那么访问地址是：

      https://leo.github.io/blog

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

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

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

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

相关文章：

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

&#x1f310; 从零开始搭建你的个人博客&#xff1a;使用 GitHub Pages 免费部署静态网站 在互联网时代&#xff0c;拥有一个属于自己的网站不仅是一种展示方式&#xff0c;更是一种技术能力的体现。今天我们将一步步学习如何通过 GitHub Pages 搭建一个免费的个人博客或简历…...

编程日记 2025/10/4 12:15:32

C#串口通信

在C#中使用串口通信比较方便&#xff0c;.Net 提供了现成的类&#xff0c; SerialPort类。 本文不对原理啥的进行介绍&#xff0c;只介绍SerialPort类的使用。 SerialProt类内部是调用了CreateFile&#xff0c;WriteFile等WinAPI函数来实现串口通信。 在后期的Windows编程系…...

编程日记 2025/10/7 7:12:52

Qt 显示QRegExp 和 QtXml 不存在问题

QRegExp 和 QtXml 问题 在Qt6 中 已被弃用&#xff1b; 1&#xff09;QRegExp 已被弃用&#xff0c;改用 QRegularExpression Qt5 → Qt6 重大变更&#xff1a;QRegExp 被移到了 Qt5Compat 模块&#xff0c;默认不在 Qt6 核心模块中。 错误类型解决方法QRegExp 找不到改用 Q…...

编程日记 2025/9/24 14:09:55

【训练】Qwen2.5VL 多机多卡 Grounding Box定位

之前的相关文章&#xff1a; 【深度学习】LLaMA-Factory微调sft Qwen2-VL进行印章识别 https://www.dong-blog.fun/post/1661 使用LLaMA-Factory微调sft Qwen2-VL-7B-Instruct https://www.dong-blog.fun/post/1762 构建最新的LLaMA-Factory镜像 https://www.dong-blog.f…...

编程日记 2025/10/6 5:06:08

服务器配置llama-factory问题解决

在配置运行llama-factory&#xff0c;环境问题后显示环境问题。这边给大家附上连接&#xff0c;我们的是liunx环境但是还是一样的。大家也记得先配置虚拟环境。 LLaMA-Factory部署以及微调大模型_llamafactory微调大模型-CSDN博客 之后大家看看遇到的问题是不是我这样。 AI搜索…...

编程日记 2025/10/5 11:26:07

Spring Boot + Vue 实现在线视频教育平台

一、项目技术选型 前端技术&#xff1a; HTML CSS JavaScript Vue.js 前端框架 后端技术&#xff1a; Spring Boot 轻量级后端框架 MyBatis 持久层框架 数据库&#xff1a; MySQL 5.x / 8.0 开发环境&#xff1a; IDE&#xff1a;Eclipse / IntelliJ IDEA JDK&…...

编程日记 2025/10/6 1:06:28

使用Jmeter进行核心API压力测试

最近公司有发布会&#xff0c;需要对全链路比较核心的API的进行压测&#xff0c;今天正好分享下压测软件Jmeter的使用。 一、什么是Jmeter? JMeter 是 Apache 旗下的基于 Java 的开源性能测试工具。最初被设计用于 Web 应用测试&#xff0c;现已扩展到可测试多种不同的应用程…...

编程日记 2025/9/28 15:34:03

JavaScript中数组和对象不同遍历方法的顺序规则

在JavaScript中&#xff0c;不同遍历方法的顺序规则和适用场景存在显著差异。以下是主要方法的遍历顺序总结&#xff1a; 一、数组遍历方法 for循环 • 严格按数组索引顺序遍历&#xff08;0 → length-1&#xff09; • 支持break和continue中断循环 • 性能最优&#xff0c;…...

编程日记 2025/10/6 3:36:04

【机器学习-线性回归-5】多元线性回归：概念、原理与实现详解

线性回归是机器学习中最基础且广泛应用的算法之一&#xff0c;而多元线性回归则是其重要扩展。本文将全面介绍多元线性回归的核心概念、数学原理及多种实现方式&#xff0c;帮助读者深入理解这一强大的预测工具。 1. 多元线性回归概述 1.1 什么是多元线性回归 多元线性回归(…...

编程日记 2025/8/12 23:11:53

【软件设计师：数据结构】1.数据结构基础（一）

一 线性表 1.线性表定义 线性表是n个元素的有限序列，通常记为(a1，a2，…，an)。 特点： 存在惟一的表头和表尾。除了表头外，表中的每一个元素均只有惟一的直接前驱。除了表尾外，表中的每一个元素均只有惟一的直接后继。2.线性表的存储结构 (1)顺序存储 是用一组地址连续…...

编程日记 2025/8/12 23:11:51

简单面试提问

Nosql非关系型数据库&#xff1a; Mongodb&#xff1a;开源、json形式储存、c编写 Redis&#xff1a;key-value形式储存&#xff0c;储存在内存&#xff0c;c编写 关系型数据库&#xff1a; sqlite;&#xff1a;轻量型、0配置、磁盘存储、支持多种语言 mysql&#xff1a;开源…...

编程日记 2025/8/14 14:59:50

探秘数据中台：五大核心平台的功能全景解析

数据中台作为企业数据资产的 “智慧中枢”&#xff0c;通过整合数据处理全流程的核心功能&#xff0c;实现数据价值的深度挖掘与高效应用。以下从五大核心平台出发&#xff0c;全面拆解数据中台的功能架构与应用价值。 一、数据可视化平台&#xff1a;让数据 “开口说话” 1.…...

编程日记 2025/8/12 23:11:49

leetcode 3342. 到达最后一个房间的最少时间 II 中等

有一个地窖&#xff0c;地窖中有 n x m 个房间&#xff0c;它们呈网格状排布。 给你一个大小为 n x m 的二维数组 moveTime &#xff0c;其中 moveTime[i][j] 表示在这个时刻 以后 你才可以 开始 往这个房间 移动 。你在时刻 t 0 时从房间 (0, 0) 出发&#xff0c;每次可以移…...

编程日记 2025/8/19 1:46:35

redis----通用命令

文章目录 前言一、运行redis二、help [command]三、通用命令 前言 提示&#xff1a;这里可以添加本文要记录的大概内容&#xff1a; 学习一些通用命令 以下操作在windows中演示 提示&#xff1a;以下是本篇文章正文内容&#xff0c;下面案例可供参考 一、运行redis 我们先c…...

编程日记 2025/10/6 13:28:56

PostgreSQL 查看索引碎片的方法

PostgreSQL 查看索引碎片的方法 在 PostgreSQL 中&#xff0c;索引碎片(Index Fragmentation)是指索引由于频繁的插入、更新和删除操作导致物理存储不连续&#xff0c;从而影响查询性能的情况。以下是几种查看索引碎片的方法&#xff1a; 一 使用 pgstattuple 扩展 1.1 安装…...

编程日记 2025/6/26 4:45:31

pip 常用命令及配置

一、python -m pip install 和 pip install 的区别 在讲解 pip 的命令之前&#xff0c;我们有必要了解一下 python -m pip install 和 pip install 的区别&#xff0c;以便于我们在不同的场景使用不同的方式。 python -m pip install 命令使用 python 可执行文件将 pip 模块作…...

编程日记 2025/8/19 11:21:31

IntelliJ IDEA 保姆级使用教程

文章目录 一、创建项目二、创建模块三、创建包四、创建类五、编写代码六、运行代码注意 七、IDEA 常见设置1、主题2、字体3、背景色 八、IDEA 常用快捷键九、IDEA 常见操作9.1、类操作9.1.1、删除类文件9.1.2、修改类名称注意 9.2、模块操作9.2.1、修改模块名快速查看 9.2.2、导…...

编程日记 2025/9/29 10:05:01

Comfyui 与 SDwebui

ComfyUI和SD WebUI是基于Stable Diffusion模型的两种不同用户界面工具&#xff0c;它们在功能、用户体验和适用场景上各有优劣。 1. 功能与灵活性 ComfyUI&#xff1a;ComfyUI以其节点式工作流设计为核心&#xff0c;强调用户自定义和灵活性。用户可以通过连接不同的模块&…...

编程日记 2025/10/7 3:58:39

Ubuntu Linux系统配置账号无密码sudo

在Linux系统中&#xff0c;配置无密码sudo可以通过修改sudoers文件来实现。以下是具体的配置步骤 一、编辑sudoers文件 输入sudo visudo命令来编辑sudo的配置文件。visudo是一个专门用于编辑sudoers文件的命令&#xff0c;它会在保存前检查语法错误&#xff0c;从而防止可能的…...

编程日记 2025/9/21 1:58:41

WiseAD：基于视觉-语言模型的知识增强型端到端自动驾驶——论文阅读

《WiseAD: Knowledge Augmented End-to-End Autonomous Driving with Vision-Language Model》2024年12月发表&#xff0c;来自新加坡国立和浙大的论文。 在快速发展的视觉语言模型&#xff08;VLM&#xff09;中&#xff0c;一般人类知识和令人印象深刻的逻辑推理能力的出现&a…...

编程日记 2025/10/7 5:23:31

探索SQLMesh中的Jinja宏：提升SQL查询的灵活性与复用性

在数据工程和数据分析领域&#xff0c;SQL是不可或缺的工具。随着项目复杂度的增加&#xff0c;如何高效地管理和复用SQL代码成为了一个重要课题。SQLMesh作为一款强大的工具&#xff0c;不仅支持标准的SQL语法&#xff0c;还引入了Jinja模板引擎的宏功能&#xff0c;极大地提升…...

编程日记 2025/10/6 23:14:31

配置linux自启java程序

配置linux自启java程序 1、切换root用户&#xff0c;并进入自启配置目录 sudo su - cd /etc/systemd/system2、编写启动文件 例如&#xff1a;class-server.service vi class-server.service脚本内容 [Unit] DescriptionClassServer Java Application Afternetwork.target…...

编程日记 2025/6/4 0:37:39

对Redis组件的深入探讨

目录 1、磁盘和内存 1.1、概念 1.2、区别 1.3、联系 2、redis基本特性 2.1、数据结构 2.2、性能 2.3、事件驱动架构 2.4、原子性 3、redis模型 3.1、单线程 3.2、事件驱动模型 3.3、epoll多路复用 4、数据持久化 4.1、RDB快照 4.2、AOF&#xff08;Append Only…...

编程日记 2025/10/5 1:13:14

Uni-app 组件使用

在前端开发领域&#xff0c;能够高效地创建跨平台应用是开发者们一直追求的目标。Uni-app 凭借其 “一次开发&#xff0c;多端部署” 的特性&#xff0c;成为了众多开发者的首选框架。而组件作为 Uni-app 开发的基础单元&#xff0c;合理运用组件能够极大地提升开发效率和代码的…...

编程日记 2025/10/5 17:37:43

k8s pod request/limit 值不带单位会发生什么？

在 Kubernetes 中&#xff0c;Pod 的 resources.requests 和 limits 字段必须显式指定单位。 一、未正确设置requests和limits字段的单位会产生影响&#xff1f; 1. 资源分配严重不足 例如&#xff0c;以下配置存在严重错误&#xff1a; resources:requests:memory: 512 # …...

编程日记 2025/6/1 9:42:40

Ruby 字符串（String）

Ruby 字符串&#xff08;String&#xff09; 引言 在编程语言中&#xff0c;字符串是表示文本数据的一种基本数据类型。在Ruby中&#xff0c;字符串处理是日常编程中非常常见的一项任务。本文将详细介绍Ruby中的字符串&#xff08;String&#xff09;类型&#xff0c;包括其创…...

编程日记 2025/8/7 16:06:57

嵌入式学习笔记 - STM32 SRAM控制器FSMC

一 SRAM控制器内部结构图&#xff1a; 以下以512K SRAM芯片为例 二 SRAM地址矩阵/寻址方式&#xff1a; SRAM的地址寻址方式通过行地址与列地址交互的方式存储数据 三 STM32 地址映射 从STM32的地址映射中可以看出&#xff0c;FSMC控制器支持扩展4块外部存储器区域&#xff0…...

编程日记 2025/9/29 10:04:59

经典算法 求解硬币组成问题

求解硬币组成问题 题目描述 实现一个算法求解组成硬币问题。介绍如下&#xff1a; 假设有面值给定的一些硬币&#xff0c;以及给定的总合值&#xff0c;问构成总合值的方法有多少种。 输入描述 第一行包含两个数字 N, M&#xff1a; N 表示硬币面值的种类数M 表示给定的总合…...

编程日记 2025/9/9 7:04:04

数据封装的过程

数据的封装过程 传输层 UDP 直接将数据封装为UDP数据报​&#xff0c;添加UDP头部&#xff08;8B&#xff09;。 要点&#xff1a; UDP首部简单&#xff0c;无连接不可靠、无重传、无拥塞控制&#xff0c;适用于实时性要求较高的通讯&#xff1b;不需要源端口或不想计算检…...

编程日记 2025/10/7 6:32:52

Docker部署常见应用之Superset

文章目录 使用 Docker 部署使用 Docker Compose 部署参考文章 以下是使用 Docker 部署 Superset 并将存储配置为 MySQL 的详细步骤&#xff1a; 使用 Docker 部署 获取Superset镜像: 使用Docker从官方仓库拉取Superset镜像&#xff1a;docker pull apache/superset:4.0.0创建 …...

编程日记 2025/9/29 10:04:59