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

news2025/5/10 3:32:54

🌐 从零开始搭建你的个人博客:使用 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.coloradmin.cn/o/2371995.html

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

相关文章

C#串口通信

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

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

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

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&…

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

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

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

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

redis----通用命令

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

IntelliJ IDEA 保姆级使用教程

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

Comfyui 与 SDwebui

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

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

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

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

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

对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…

Uni-app 组件使用

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

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

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

数据封装的过程

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

Docker部署常见应用之Superset

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

住宅 IP 地址:数字时代的真实网络身份载体

在互联网的底层架构中&#xff0c;IP 地址是设备连接网络的 “数字身份证”。而住宅 IP 地址作为其中最贴近真实用户的类型&#xff0c;特指互联网服务提供商&#xff08;ISP&#xff09;分配给家庭或个人用户的 IP 地址&#xff0c;具有以下核心特征&#xff1a; 物理关联性 …

[SSM]-Spring介绍

框架是什么 框架 framework 建筑学: 用于承载一个系统必要功能的基础要素的集合计算机: 某特定领域系统的一组约定, 标准, 代码库以及工具的集合 框架vs工具 框架作为项目的骨架合基础结构, 提供了高层次的抽象和可复用性工具作为辅助手段, 帮助开发者完成特定任务并提高工作…

今天的python练习题

目录 一、每日一言 二、练习题 三、效果展示 四、下次题目 五、总结 一、每日一言 晚上8点到的&#xff0c;还是会被感动到&#xff0c;有一位列车员同志在检票期间&#xff0c;叫我到列车员专座位上去坐&#xff0c;我很感激他&#xff0c;温暖人心&#xff0c;所以人间填我…

Mysql进阶篇1_存储引擎、索引、SQL性能分析指令

文章目录 1.存储引擎InnoDBMyISAMMemory存储引擎选择和对比 2.索引索引结构索引分类索引语法索引使用&#xff08;建议看完第3节后观看&#xff09;&#xff01;&#xff01;&#xff01;mysql如何使用索引查询数据&#xff08;个人理解&#xff09; 3.SQL性能分析SQL执行频率慢…

协议(消息)生成

目录 协议(消息)生成主要做什么? 知识点二 制作功能前的准备工作 ​编辑​编辑 制作消息生成功能 实现效果 ​总结 上一篇中配置的XML文件可见&#xff1a; https://mpbeta.csdn.net/mp_blog/creation/editor/147647176 协议(消息)生成主要做什么? //协议生成 主要是…