新手小白在github上部署一個項目


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM