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