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

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

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

新手小白在github上部署一个项目
四、登录到github

然后new一个git仓库

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

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

刷新一下页面在Gtihub Page 下面就可以看到你的github page 网址了。

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


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

按照下图输入(有时候会timeout是因为网的问题,所以多试两次)

新手小白在github上部署一个项目
接下来返回电脑的D盘,我们会发现多了一个文件夹demo1,打开它后如下:
新手小白在github上部署一个项目
将自己之前准备好的的网页(项目)文件复制粘贴到当前目录下也就是:D:/demo1/demo1
新手小白在github上部署一个项目

返回到git bash,执行以下命令

新手小白在github上部署一个项目
新手小白在github上部署一个项目
新手小白在github上部署一个项目
可能是我网的问题总是timeout,所以多试两次,看到有
Already uo to date. 则成功。

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

但当我摁下回车后,不想看到一幕还是发生了,还以为账号和密码输错了。然后试了几遍还是这样。

新手小白在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

新手小白在github上部署一个项目
点击左侧的Developer settings
新手小白在github上部署一个项目

进去后点Personal access tokens(个人访问令牌)

新手小白在github上部署一个项目
在点Generate new token
新手小白在github上部署一个项目
设置token
Note里面填个test啥的,Expriation表示这个令牌的有效时间,根据需求选择。
Select scopes
一顿乱点,先全给它选上(哈哈)。最后点击Generate token生成令牌。
新手小白在github上部署一个项目
新手小白在github上部署一个项目
生成成功后如图
新手小白在github上部署一个项目
然后copy下来,下面要用
新手小白在github上部署一个项目
其实当我仔细查看了执行过程中的代码后发现在报错中还有这一句
意思就是在git push 之前还需执行下面的命令:
git remote set-url origin  https://your_token@github.com//.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

新手小白在github上部署一个项目
又会发现如下错误:
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*

所需执行的命令如下图:

新手小白在github上部署一个项目
再次执行:git push
新手小白在github上部署一个项目
成功啦!!!感觉世界么么哒。^ ^

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

Original: https://www.cnblogs.com/lang12/p/15456377.html
Author: Aurora*
Title: 新手小白在github上部署一个项目

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/565841/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球