新手小白在github上部署一个项目

2021-10-24

新手小白在github上部署一个项目

一、 注册github账号
github地址:https://www.github.com/
二、下载安装Git
地址:https://git-scm.com/downloads
安装方法详见:https://blog.csdn.net/weixin_43811057/article/details/120029031
三、准备需要上传的网页文件(项目)
在这里插入图片描述
四、登录到github

然后new一个git仓库
在这里插入图片描述
在Repository name下面填一个你的仓库名字,Description是描述你的仓库的这里可选。然后按照图里面的选上就可以了。之后点击Create repository。
在这里插入图片描述
创建成功后如图
在这里插入图片描述
然后我们点Settings进去后在左边的最下面点Pages:
在这里插入图片描述
进去后在Github Pages 的设置,点击 source 中的本来的 None ,使其变成 main 分支,第二个选择root,然后点击 save。

在这里插入图片描述

刷新一下页面在Gtihub Page 下面就可以看到你的github page 网址了。
在这里插入图片描述


打开此电脑,选择一个盘,比如 D 盘,右键空白处点击 git bash here(前提是git已经安装好)。

按照下图输入(有时候会timeout是因为网的问题,所以多试两次)
在这里插入图片描述
接下来返回电脑的D盘,我们会发现多了一个文件夹demo1,打开它后如下:
在这里插入图片描述
将自己之前准备好的的网页(项目)文件复制粘贴到当前目录下也就是:D:/demo1/demo1
在这里插入图片描述

返回到git bash,执行以下命令
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
可能是我网的问题总是timeout,所以多试两次,看到有
Already uo to date. 则成功。

接下来是最后一步执行git push,稍等一会后会弹出提示框,需要输入你github的用户名(账号)和密码 (第一次操作需要)

但当我摁下回车后,不想看到一幕还是发生了,还以为账号和密码输错了。然后试了几遍还是这样。
在这里插入图片描述
所以我们要仔细看一下,报错的原因

有问题咋就解决

remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead.

它的意思是自从21年8月13后不再支持用户名密码的方式验证了,需要创建个人访问令牌(personal access token)。

这一句就是要让我们去看怎么生成这个令牌的

remote: Please see https://github.blog/2020-12-15-token-authentication-requirements-for-git-operations/ for more information.

生成个人令牌的官网教程:
地址:https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/creating-a-personal-access-token

接下来我们就去生成这个令牌
进入自己的github主页点击右边的小头像,点进settings

在这里插入图片描述
点击左侧的Developer settings
在这里插入图片描述

进去后点Personal access tokens(个人访问令牌)
在这里插入图片描述
在点Generate new token
在这里插入图片描述
设置token
Note里面填个test啥的,Expriation表示这个令牌的有效时间,根据需求选择。
Select scopes
一顿乱点,先全给它选上(哈哈)。最后点击Generate token生成令牌。
在这里插入图片描述
在这里插入图片描述
生成成功后如图
在这里插入图片描述
然后copy下来,下面要用
在这里插入图片描述
其实当我仔细查看了执行过程中的代码后发现在报错中还有这一句
意思就是在git push 之前还需执行下面的命令:

git remote set-url origin  https://your_token@github.com/<USERNAME>/<REPO>.git

其中your_token是你的令牌(刚生成的),USERNAME是你的github用户名,REPO是你的项目名称。
比如我的

git remote set-url origin  https://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@github.com/Lang-1210/demo1.git

返回git bash,执行

git remote set-url origin https://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@github.com/Lang-1210/demo1.git
git push

在这里插入图片描述
又会发现如下错误:

fatal: unable to access 'https://github.com/Lang-1210/demo1.git/': OpenSSL SSL_read: Connection was reset, errno 10054

上网查找资料得知:

  • git在拉取或者提交项目时,中间会有git的http和https代理,但是我们本地环境本身就有SSL协议了,所以取消git的https代理即可,不行再取消http的代理。
  • 服务器的SSL证书没有经过第三方机构的签署,所以才报错,解除ssl验证后,再次git**

所需执行的命令如下图:
在这里插入图片描述
再次执行:git push
在这里插入图片描述
成功啦!!!感觉世界么么哒。^ ^

最后说明一下
我部署的是一个可视化大屏网页:
预览地址:https://lang-1210.github.io/demo1/page/visual.html