把本地部署的Hexo博客发布到GitHub上

  博客搭建好之后,都会想着部署到服务器上面,我们今天的教程,帮大家一步一步把博客部署到GitHub上面,当然了,我们把博客部署到GitHub上面的过程,都是通过Hexo博客的命令来执行,只是需要进行相关的设置就可以。

GitHub上面的信息

  进入GitHub官网,官网地址:

1
https://github.com/

  如果没有账号的话,需要先进行一个账号注册的过程,大家要准备好一个邮箱,我这里使用的是QQ邮箱进行的注册,这一步估计大家都没有问题,也就没有进行截图演示,注册号账号之后,就需要来创建自己的仓库。

  账号注册之后,我们需要进入到账号管理页面,或者点击下面的链接

1
https://github.com/dashboard

  点击上面的Create repository来创建一个仓库

  注意仓库的名字是否重名,必须带有.github.io的后缀形式,而且是一个Public的属性,当然这个属性是免费的属性,好像下面的Private是会员制收费的,这一点儿我不清楚。点击下面的绿色创建按钮,就可以创建一个属于自己的仓库。

配置仓库的SHH

  回到你的博客根目录,打开Git Bash命令编辑器,输入以下命令,生成本地密钥。这里用户名和邮箱仅作演示,用户名为你Github的用户名,邮箱为你Github的邮箱。

1
git config --global user.name "xxxxxxxxxxxxxx"
1
git config --global user.email "xxxxxx@qq.com"

  输入以下命令,检查输入是否正确:

1
git config user.name
1
git config user.email

  上面输入的代码准确无误之后,开始输入下面的代码创建SHH

1
ssh-keygen -t rsa -C "youremail"

  此时在用户文件夹下,已经生成了.ssh文件夹,在本地找到这个文件夹。代码编辑器里面,会显示这个文件的生成路径,大家注意一下这个生成路径,当然也可以在电脑的用户名文件夹下面查找。

  其中,id_rsa是你这台电脑的私人秘钥,id_rsa.pub是公共秘钥。把公钥放在GitHub上,当你连接自己的Github账号时,它就会根据公钥匹配你的私钥,当能够相互匹配时,才能够顺利的通过Git上传你的文件到GitHub上

  回到Github账户的设置中,大家注意,不是仓库的设置,是账户的设置中,找到SSH and GPG keys,新建SSH Key,以文本方式打开id_rsa.pub文件,将内容复制到Key,标题随便起,添加Key

1
https://github.com/settings/ssh/new

部署代码到Github

  回到本地文件,找到本地Hexo博客框架的控制文件,也就是_config.yml,下拉到最后,添加

1
2
3
4
deploy:
type: git
repository: git@github.com:账户名/仓库名.git
branch: main

其中的账户地址,可以在仓库里面的code按钮中找到

  保存配置文件之后,回到Git Bash,安装deploy-git ,用于使用命令部署到Github

1
npm install hexo-deployer-git --save

  然后执行:

1
hexo clean
1
hexo generate
1
hexo deploy

  随着代码运行

  如果出现上面的代码,就表示部署成功了。回到Github的仓库,就会发现部署的文件

  在这里给大家说一下,最后两张图片是借用的一个朋友的部署图片,大同小异。然后就可以通过你设置的仓库名来访问您的博客。

1
http://yourname.github.io

  我自己做测试的时候,也出现了很多的问题,特别是对于一些代码的命令,建议大家多记一些Hexo博客框架的命令,方便后期使用。我们的教程写到这里,基本上就完成了Hexo博客部署搭建过程,整个博客系统已经运转过来,如果您需要一个更精美的主题,或者如何写一篇博客,请看下一篇博文。