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

2021 年 10 月 24 日
筆記
CSS, Github, HTML, js, 筆記

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

一、註冊github帳號
github地址：//www.github.com/
二、下載安裝Git
地址：//git-scm.com/downloads
安裝方法詳見：//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 //github.blog/2020-12-15-token-authentication-requirements-for-git-operations/ for more information.

生成個人令牌的官網教程:
地址：//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  //[email protected]/<USERNAME>/<REPO>.git

其中your_token是你的令牌(剛生成的)，USERNAME是你的github用戶名，REPO是你的項目名稱。
比如我的

git remote set-url origin  //[email protected]/Lang-1210/demo1.git

返回git bash,執行

git remote set-url origin //[email protected]/Lang-1210/demo1.git

git push

又會發現如下錯誤：

fatal: unable to access '//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

成功啦！！！感覺世界么么噠。^ ^

最後說明一下：
我部署的是一個可視化大屏網頁：
預覽地址：//lang-1210.github.io/demo1/page/visual.html

Tags: CSS Github HTML js 筆記