零基础搭建个人博客(贰)

Git工具的安装与连接

由于没有购买自己的服务器,所以编写的代码和网站是寄托在全球最大开源代码托管平台——Github上。

每次写完文章以后,需要每次都在Github的仓库里面用手动方式提交。

这个方法需要打开网站,并且还要仔细区分哪些是新文件,非常麻烦与繁琐。

为了简化这一提交过程,需要下载Git工具。

Git简介

Git是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目,说简单点就是可以在各地控制同一项目,在这里就起到上传文件到云端(Github)的作用。

安装Git

第一件事当然就是打开官网:Git官网

选择操作系统下载即可。

这里以Windows 10为例。

直接点64-bit Git for Windows Setup.

85d6b083cc62929159877fd4aa0eaceb_720

随后就是一个正常安装程序的流程。

只需要注意一点。

不过没有什么用处……

成功标志

image-20230930101825412

只要能在任何一个文件夹内右键弹出这样的菜单,并且包含两个很明显的git命令,说明你已经成功了。

image-20230930102006004

选择Open Git Bash here,启动上述命令提示界面。

输入git验证是否安装成功。

image-20230930102135560

若出现以下界面就代表安装成功。

image-20230930102219584

与Github建立联系

有了联系的工具,还要与自己的Github账号建立联系,才能向自己的账号内提交文件。

建立联系便需要有认证密钥,这样才能认证是否为合法的提交者。

SSH简介

SSH(安全外壳协议,Secure Shell 的缩写)是建立在应用层基础上的安全协议。SSH 是目前较可靠,专为远程登录会话和其他网络服务提供安全性的协议,利用 SSH 协议可以有效防止远程管理过程中的信息泄露问题。简单来说,SSH就是保障你的账户安全,将你的数据加密压缩,不仅防止其他人截获你的数据,还能加快传输速度。如果想详细了解的话,可以看这篇文章:详述 SSH 的原理及其应用 - CSDN,下面就详细介绍如何绑定GitHub和提交文件。

建立连接

验证SSH

要用git上传文件到GitHub首先得利用SSH登录远程主机,而登录方式有两种:一种是口令登录;另一种是公钥登录。

口令登录每次都要输入密码十分麻烦,而公钥登录就省去了输入密码的步骤,所以选择公钥授权。

首先得在 GitHub 上添加 SSH key 配置,要想生成SSH key,就要先可以安装 SSH,不过安装了 Git Bash,其应该自带了 SSH。检验一下是否安装 SSH,在新建的文件夹中右键打开 Git Bash:

image-20230930103527848

如上图所示,即已安装 SSH。

生成SSH

然后,输入 ssh-keygen -t rsa 命令,表示指定 RSA 算法生成密钥,然后敲四次回车键。(反正是英文也看不懂)

之后就就会生成两个文件,分别为密钥 id_rsa 和公钥 id_rsa.pub.。

文件的位置在 Git Bash 上面都有显示,默认生成在以下目录:

  • Linux 系统:~/.ssh
  • Mac 系统:~/.ssh
  • Windows 10 :C:/Users/用户名/.ssh

接下来要做的事情就是把公钥 id_rsa.pub 的内容添加到 GitHub。复制公钥 id_rsa.pub 文件里的内容,可以通过目录找到 id_rsa.pub 文件的位置,用记事本打开文件复制。

如果你实在找不到文件也没有关系,按照以下步骤直接在 Git Bash 上打开就行:

1
2
3
$ cd ~/.ssh 
$ ls
$ cat id_rsa.pub

注意:git中的复制粘贴不是 Ctrl+C 和 Ctrl+V,而是 Ctrl+insert 和Shift+insert.

会出现一段长长的密钥,然后将它复制下来。

向Github添加密钥

打开Github网站:GitHub

image-20230930104203340

点击右上角的个人中心:
image-20230930104223300

点击Settings

image-20230930104311944

选择左侧的SSH and GPG keys

image-20230930104436667

选择New SSH Key,添加新的SSH。

由于这是总结教程,此处已有一个SSH,忽略即可。

image-20230930104555994

随便起一个title,然后将SSH密钥复制进Key中。

验证

验证是否成功,我们可以通过在 Git Bash 中输入 ssh -T git@github.com 进行检验:

img

第一次会出现这种情况,填 yes 就行,若出现下图中的情况,则表明绑定成功:

img

上传文件方法

提交文件有两种方法:

第一种:本地没有 git 仓库

  1. 直接将远程仓库 clone 到本地;
  2. 将文件添加并 commit 到本地仓库;
  3. 将本地仓库的内容push到远程仓库。

第二种:本地有 Git 仓库,并且我们已经进行了多次 commit 操作

  1. 建立一个本地仓库进入,init 初始化;
  2. 关联远程仓库;
  3. 同步远程仓库和本地仓库;
  4. 将文件添加提交到本地仓库;
  5. 将本地仓库的内容 push 到远程仓库。

较为推荐使用第一种,步骤较为简便。

上传文件

在开始之前,先声明一下。这里用到的仓库是作为检验是否已经建立连接而创建的验证仓库,后面会新建立一个真正作为博客代码存放区域的仓库。

为了避免和以后的仓库起冲突,此仓库请不要命名为用户名.github.io。

这一部分是为了让新手熟悉如何与建仓库建立连接,并且推送到远端的程序,对仓库使用方法娴熟者可以跳过。

这部分主要是通过一个试验的仓库来模拟提交博客中可能遇到的各种情况以及操作流程

首先建立一个试验仓库,名字可以随意命名。

要克隆仓库,首先要知道仓库的网络位置。

由于仓库的设计有所改动,所以介绍两种情况。

第一种

image-20230930111610185

如图,可以看到有一个绿色的按钮code,只将鼠标放在上面可以看到:

image-20230930111904632

仓库的网络地址便是给出的这一行URL,点击右边按钮复制即可。

第二种

image-20230930112100221

对于一个新建的空仓库,Github很贴心的设置了一个快速设置的界面,直接将仓库的网络地址展现出来。

但有一些没有接触过Github的人找不到绿色的code按钮就会慌张。

在这里直接将中间的Quick setup里面的URL复制便可。


至此,你已经获得了这个试验仓库的URL地址。

在正式建立博客时,这部分就相当于建立博客仓库。

本地克隆

接下来在本地的硬盘中运行git程序。

此步骤是为了模拟以后向远端推送的过程。

输入命令:

1
git clone 刚刚的URL

image-20230930112723806

image-20230930112753486

便发现多出来一个文件夹,名字是你仓库的名字。

在其中随便创建一个文件,测试能否部署到远端。

image-20230930112941791

有些人可能看不到这个.git文件夹,是因为这个文件夹默认是隐藏的,不过这个文件夹不影响操作。

此目录下运行git程序,输入 git status 命令查看仓库状态:

注意:git程序推送到远端时默认是以运行时的路径作为根路径,所以无论是此时还是以后部署博客时,均需要在博客文件夹根目录下进行部署操作。

image-20230930113610620

程序告诉我们此时已经有新文件,但是还没有被推送。

所以现在要使用git add 文件名命令将文件添加到临时缓冲区,再用git commit -m "辅助信息"命令将其提交到本地仓库。

这里的辅助信息是用来说明这个文件的,并没有具体的作用,所以也可以直接输入git commit

如果你是第一次提交的话,就会出现下图的情况,会让你输入用户名和邮箱:

image-20230930114345758

1
2
git config --global user.name "你的用户名"
git config --global user.email "你的github注册的电子邮件"

如果不放心可以输入git log查看仓库提交日志,再次输入git status查看仓库状态。

在正式建立博客时,这一部分就相当于在部署博客。

提交中的改变

由于github做了系统更新,所以在这一步很多网上的教程都过于古老,不能使用。

许多教程会让我们输入git push origin master命令来进行推送。

然而,由于Github在仓库总分支已经由master改为mian了,所以我们要将上述代码中的master也同样更换。

应输入:

1
git push origin main

在这当中,origin是远程仓库的别名,可任意更换。但这个词本身就能代表远程仓库,最好保留。

由于Github与我们的连接速度较慢,所以会光标不断闪烁,请耐心等待。

在正式建立博客时,这一部分就相当于模拟部署时的等待。

image-20230930115238127

有可能出现连接失败的情况,这是正常现象,在以后正式部署时也会多次遇到。

image-20230930115710526

此图便是正式部署时连接失败的报错信息。

这种无法连接属于网络问题,可以通过多次尝试或者使用代理的方法来解决。

连接成功后将会跳出一个窗口,需要我们输入用户名和密码验证账户。

验证成功后将会开始部署,将文件推送到远端。

image-20230930120052193

在这一部分中,通过建立一个模拟仓库并推送文件来模拟了正式部署博客时的大致流程以及可能遇到的问题。

在正式部署博客中,将会由hexo框架为我们推送文件。

小结

接下来就需要决定是否购买域名,为自己的博客设定不一样的标志。

零基础搭建个人博客(叁) | Windeling

如果决定不购买域名,使用默认的「域名」example.github.io,请跳转到第四章。

零基础搭建个人博客(肆) | Liam’s boring life


零基础搭建个人博客(贰)
https://blog.windeling.com/202309295207cddc/
作者
黄文林
发布于
2023年9月29日
更新于
2025年5月10日
许可协议