用GitHub Page搭建个人网站

时间:2024-03-22 22:31:30

博客简介

本篇博客介绍了通过GitHub Page搭建个人网站的方法,尽量用最简洁的语言来描述整个搭建过程。GitHub改版前我们可以直接登录GitHub来搭建,但是改版后我们需要 登录GitHub+下载Git,步骤如下:

  • 注册GitHub账号,下载Git
  • 获取仓库
  • 创建本地文件
  • 用Git上传本地站点文件

如果您已经有GitHub账号和Git,可直接跳至第三步。那么话不多说,开始搭建:

(1)注册GitHub账号,下载Git

注册GitHub账号

注册GitHub账号就像注册QQ号一样简单,这里是官方地址:

用GitHub Page搭建个人网站

下载Git

一下三种途径都可以下载Git,不管是官网下载,压缩包下载,还是第三方下载都能妥善解决

(2)获取仓库

登录GitHub,获取方法如下:

  • 打开setting
  • 找到GitHub Page
  • 点击 source 中的 None ,改为 master 分支
  • save保存

用GitHub Page搭建个人网站
用GitHub Page搭建个人网站
刷新页面,github pages 设置框处将会是你的 github pages 的网址

(3)创建本地文件

在开始上传之前,我们先要创建本地文件,这很简单,步骤如下:

  • 选择一个文件夹,右键 Git bash Here
    用GitHub Page搭建个人网站

(4)用Git上传本地站点文件

整个过程的关键之处来了,我们用Git上传站点文件,对Git输入命令,步骤如下:

  • 克隆仓库到本地 输入:git clone https://fly-key.github.io/pocket/ (也就是git clone 仓库地址)
  • 将网页文件粘贴到目标文件pocket
  • 查找本地网页文件 输入:cd pocket(也就是cd 文件夹名)
  • 查看文件状态 输入:git status
  • 添加文件到目录下 输入:git add . (不要把 .号丢了)
  • 再次查看状态 输入:git status
  • 名字和邮件 分别输入:git config --global user.email “[email protected]git config --global user.name "Your Name"
  • 上传GitHub 仓库输入:git commit -m ‘将文件上传到仓库’ (注意‘’中的文字只是一段描述,可以任意)
  • 上一步骤后会弹出登录页面验证身份,输入账号密码
  • 刷新GitHub,上传成功

下面是每一步的截图:

1. 克隆仓库到本地 输入:git clone https://fly-key.github.io/pocket/ (也就是git clone 仓库地址)

用GitHub Page搭建个人网站
用GitHub Page搭建个人网站
执行完后会在我们的文件夹下生成一个仓库同名的文件夹,包含一个README.md文件:

2.将网页文件粘贴到目标文件pocket

用GitHub Page搭建个人网站

3.查找本地网页文件 输入:cd pocket(也就是cd 文件夹名)

用GitHub Page搭建个人网站

4.查看文件状态 输入:git status

此时文件为红色,表示没有添加
用GitHub Page搭建个人网站

5.添加文件到目录下 输入:git add . (不要把 .号丢了)

用GitHub Page搭建个人网站

6.再次查看状态 输入:git status

成功执行后文件全部转为绿色,表示添加成功
用GitHub Page搭建个人网站

7.名字和邮件 分别输入:git config --global user.email “[email protected]git config --global user.name "Your Name"

用GitHub Page搭建个人网站
用GitHub Page搭建个人网站

8.上传GitHub 仓库输入:git commit -m ‘将文件上传到仓库’ (注意‘’中的文字只是一段描述,可以任意)

用GitHub Page搭建个人网站

9.上一步骤后会弹出登录页面验证身份,输入账号密码

用GitHub Page搭建个人网站

10.刷新GitHub,上传成功

用GitHub Page搭建个人网站

这个时候你就能用仓库地址/文件名来访问仓库中的网页文件了,比如说

https://fly-key.github.io/pocket/Home.html