git推送專案到github並使用gitee做映象倉庫

龍騰萬里sky發表於2022-02-16
GithubGitee

2022最新版github入門教程，教你如何一步步建立自己的github賬號並初始化倉庫，然後使用git工具配置個人工作環境。配合gitee倉庫，作為github的映象倉庫使用。這篇文章很基礎，對萌新來說是非常友好的，會持續更新優化。

本文將永久保留在個人的github倉庫demo示例中：

https://github.com/cnwangk/demo

前言

用心作題圖，用腳寫文件。

其實這篇文章是對之前的git系列文章的一個補充，畢竟還是需要有人完善最新版的github建立教程，並且使用gitee作為映象倉庫。

當年也是萌新過來的，自己踩過不少坑，現如今很多教程老化了。為了照顧到新入坑的萌新，近段時間寫了一個最新版的建立github賬號以及登入的詳細教程，並使用gitee作為github的映象倉庫。最後會存放到我新建的demo示例倉庫中，並且使用gitee作為圖床。

正文

如下所描述的教程需要事先建立好github和gitee賬號。此處會詳細講解github如何建立賬號，畢竟這貨是純英文的。gitee則不會詳細介紹如何建立賬號，本身就是中文的，比較容易上手。

個人使用github搭建的hexo部落格示例：

https://cnwangk.github.io/

一、建立github賬號

1、建立github賬號

1.1、github登入頁面

登入賬號：https://github.com/login

最下面有一行Create an account就是建立賬號的連結，開啟即可進入建立頁面。

1.2、建立賬號頁面

建立賬號：https://github.com/signup

github建立賬號的頁面，這個歡迎介面比起N年前確實漂亮不少喲，提示輸入你的郵箱。最好是填寫自己常用的郵箱賬號，後續登入驗證介紹驗證碼之類的，都需要使用這個填寫的郵箱。

1.3、建立賬號需要的一些引數

  • enter your email：輸入你的郵箱賬號；
  • create a password：輸入密碼；
  • enter a username：輸入使用者名稱，註冊完後可以用於登入；
  • 最後一行提示y與n，建議選n，貌似有個防機器人驗證。

1.4、二次驗證

歡迎加入github，這一步確實驗證了我的猜想，選擇y驗證自己新建立的賬號。

確實彈出來一個頁面，讓你選擇圖片，進行真人認證。

1.5、續上面的截圖

點選確認建立github賬號：

1.6、登入之前建立好的賬號

需要接收驗證碼，還記得上面說的要填寫的那麼郵箱嗎？

1.7、郵箱驗證碼

之前輸入的郵箱賬號，接收到驗證碼輸入即可進行到下一步介面。

有可能網速原因，大家都懂得，有時會抽風訪問不進去。

1.8、詢問你是個人還是團隊，當時沒仔細看，所以寫了隨便選一個。

  • just me：個人就選擇just me；
  • 如果是team，就選擇後面的數字

1.9、引數的勾選

可以不選，點選continue繼續。下圖中部分引數：

  • 客戶端APP
  • 專案管理
  • 團隊管理員
  • 社群

1.10、選擇免費或者團隊

  • free：個人版式免費提供的，選擇繼續；
  • team：這個是團隊版，收費的，每月4美刀。

1.11、登入到github首頁

至此終於建立完成，成功進入個人的github主頁。介紹一些基本的使用：

  • create repository：建立倉庫，在當前頁面右上角個人的影像展開一樣可以新建倉庫和匯入倉庫；
  • import repository：匯入遠端倉庫；
  • read the guide：閱讀嚮導。

到此建立賬號過程就完成了，純英文的確實對萌新不是很友好。但是習慣就好，畢竟是學習程式設計的好平臺。

2、初始化倉庫

2.1、建立倉庫demo

點選建立倉庫：https://github.com/new

新建的demo示例：https://github.com/cnwangk/demo

接著上面建立完賬號，繼續新建倉庫，並且進行個人的第一個倉庫初始化設定。

github新建倉庫，初始化設定如果勾選了下列三個選項則需要設定模板，沒有選擇模板否則無法建立倉庫。

  • Add a README file：初始化設定可以不勾選，不選則不會建立。
  • Add .gitignore：初始化新建忽略檔案需要下拉設定模板，不選則不會建立。
  • Choose a license：初始化設定可以不選開源協議，如果有開源需求則設定，例如：Apache License2.0。

2.2、設定倉庫初始化引數

續上面的圖，接著設定引數，選擇了下面的三個引數則需要選擇模板才能建立倉庫：

2.3、README.ME檔案設定

初始化設定可以新增一個README.ME檔案，對這個倉庫的一個介紹，markdown格式。

說明比較簡單，將倉庫的名稱以及簡介記錄到檔案中，圖中輸錯了，其實是this is demo，後面修正了，可線上編輯。

2.4、.gitignore模板設定

這裡以近幾十年比較火熱的Java語言作為demo進行講解。

預設選擇了Java語言模板，裡面設定了一些忽略檔案：

  • log日誌；
  • class編譯檔案；
  • jar包、war包以及壓縮包等等。

至此，我們的第一個github倉庫就建立完成，並且一預配置了readme以及忽略設定檔案。

3、通過git配置工作空間

接著上面的初始化倉庫進行講解，首先需要安裝好git環境，Windows下安裝比較容易，就不再贅述。

然後將我們建立的demo倉庫克隆到本地，選擇則克隆方式為SSH，接下來配置的也是公鑰SSH：

關於git工具的下載與詳細使用請參考我之前的文章《獻給初學者的git和github教程，使用hexo搭建個人部落格》，地址如下：

github倉庫地址：https://github.com/cnwangk/SQL-study/tree/master/md/git

備用地址：https://cnwangk.github.io/tags/git/

3.1、配置git環境

安裝好了git工具，此時可以在桌面右鍵（Git Bash），輸入以下命令進行設定使用者以及email（郵箱）。

$ git config --global user.name "demo"
$ git config --global user.email "demo@example.com"

引數--global代表配置全域性的，不加--global引數，則是配置當前倉庫生效，當然設定了也會覆蓋當前倉庫的設定。可以通過git config -l命令列出整組配置檔案共同查詢的所有變數設定值，或者使用你熟悉的cat以及喜歡的vim命令檢視配置檔案：

$ git config -l
#或者使用你熟悉的cat以及喜歡的vim命令檢視配置檔案
$ cat .git/config
$ vim .git/config

配置ssh-key，生成ssh公鑰。Windows下預設在系統盤的當前用的.ssh目錄下，可以配置ed25519或者是rsa方式都行，github官網的教程預設寫的是rsa方式。如下圖所示，預設回車生成ssh-key：

#方式一
$ ssh-keygen -t ed25519 -C "demo@example.com" 
#方式二
$ ssh-keygen -t rsa -b 4096 -C "demo@example.com"

檢查你的系統目錄是否有ssh公鑰。預設情況ssh公鑰，可能是一下幾種檔案形式：

  • id_ed25519.pub
  • id_rsa.pub
  • id_ecdsa.pub
  • id_dsa.pub

個人在Windows系統下演示生成的ssh-key檔案，使用的是ed25519模式。

將生成的pub檔案的key值使用記事本、SublimeText或者VScode開啟，然後複製到github賬號的ssh-key中。

https://github.com/settings/ssh/new

配置完ssh-key之後，Windows下右鍵開啟Git Bash，使用ssh -T命令測試驗證。當前配置了github的ssh公鑰，驗證返回結果成功。未配置github的ssh公鑰，則測試驗證返回的結果是許可權（permission denied）拒絕。

使用命令測試驗證：

#驗證github
ssh -T git@github.com

示例：驗證成功，返回結果為successfully；驗證失敗，則返回permission deny許可權拒絕。

3.2、克隆倉庫

開啟git bash命令視窗，使用git clone命令克隆遠端倉庫demo示例，可以選擇多種方式：

  • HTTPS方式
  • SSH方式，個人最常用的方式
  • github cli方式

$ git clone git@github.com:cnwangk/demo.git

遠端倉庫demo示例：https://github.com/cnwangk/demo

3.3、連線遠端倉庫完成初始化提交

接著上一步克隆demo倉庫，然後進入demo倉庫（目錄）進行如下操作，空目錄預設是不會提交的，需要寫點內容進去：

$ git add --all #暫存所有未追蹤的檔案
$ git commit -a -m "初始化提交" #初始化提交
$ git push git@github.com:cnwangk/demo.git
remote: Resolving deltas: 100% (1/1), completed with 1 local object.
To github.com:cnwangk/demo.git
   c670e49..48b58fb  main -> main

至此git環境的配置與github克隆以及推送至遠端倉庫就講解完畢，更多的git操作可以參考《git版本控制管理》這本書。github操作則可以參考官方文件，在偶然的一次瀏覽github文件時發現部分的官方文件已經漢化了，我將當時的截圖上傳到上面演示的demo倉庫中了。

4、加速訪問github

油侯外掛，估計大家都不陌生吧！沒錯，就是油侯外掛。

油侯外掛下載：https://www.tampermonkey.net/

在Google Chrome管理油侯外掛：

新增js指令碼：

在我們的瀏覽器中啟用新增的js指令碼：

二、gitee初次使用

1、建立gitee賬號

1.1、gitee建立賬號，支援多種方式進行登入：

https://gitee.com/signup

2、初始化倉庫

登入到個人的gitee賬號，進行建立倉庫。gitee新建倉庫：

https://gitee.com/projects/new

三、使用gitee作github映象倉庫

要問為什麼需要使用gitee作為映象倉庫使用，那就是大家都懂得。

gitee倉庫管理介面，找到功能設定，然後滑至底部，進行設定需要強制同步的遠端github倉庫：

https://gitee.com/dywangk/htz/settings#function

gitee設定同步github做映象倉庫：

https://github.com/cnwangk/SQL-study

最後定期進行同步github倉庫：

gitee同步github倉庫就介紹到這裡，上手比較容易，畢竟是中文介面。

tips：gitee的私人倉庫時免費使用的喲，一般我不告訴別人，自己的私人工作空間可以使用gitee喲！還是可以使用PicGo配置gitee圖床，畢竟訪問gitee比較快，訪問github還得配置CDN加速。配置圖床的教程，我寫過一篇稀爛的文章，可以在我的部落格或者公眾號上找一找。

四、github遇上hexo

1、準備環境

當github遇上hexo、jekyII或者hugo，即將發生美妙的事情，那就是搭建個人部落格小站。你只需要做幾步簡單的配置，就可以輕輕鬆鬆搭建屬於自己的私人部落格，再也不用擔心亂七八糟的稽核了。這裡說的github指的是github pages服務，建立一個倉庫命令為使用者名稱+倉庫名，並開啟github pages服務。

Windows下需要準備環境：

  • 下載並安裝nodejs環境；
  • 通過nodejs安裝hexo init blog；
  • 安裝git環境，便於推送至github。

通過hexo new “hello world”生成第一篇部落格，使用hexo server啟動服務，訪問如下連結測試：

http://locahost:4000

2、hexo配置

2.1、安裝nodejs

下載安裝比較容易，不做過多介紹，但會講注意事項。

https://nodejs.org/en/

下載Windows版本的nodejs並安裝，建議將nodejs安裝目錄加入配置環境變數便於操作：

個人安裝的nodejs版本，安裝nodejs後在開始選單右鍵即可開啟cmd命令視窗，也可以使用node -v檢視版本：

D:\work\createSpace\hexo>node -v
v14.16.1

2.2、安裝hexo

然後使用npm再安裝hexo模組。這裡只介紹Windows下安裝hexo環境：

D:\work\createSpace\hexo\blog> npm install hexo-cli -g
$ hexo init blog
$ cd blog
$ npm install
$ hexo server
  • 01、安裝nodejs環境；
  • 02、在node環境下安裝hexo，開啟cmd命令視窗執行：npm install -g hexo-cli
  • 03、初始化blog：hexo init blog
  • 04、進入blog目錄：cd blog
  • 05、繼續在cmd視窗命令安裝：npm install hexo
  • 06、啟動服務：hexo server
  • 07、訪問：http://localhost:4000

在node環境下安裝hexo後生成的blog檔案目錄：

使用hexo命令，hexo new命令生成檔案：

D:\work\createSpace\hexo\blog>hexo new "你要生成的md檔名"
hexo generate #生成靜態檔案
hexo server #啟動服務

hexo server命令啟動服務，通過hexo new “hello world”生成第一篇部落格，使用hexo server啟動服務，訪問如下連結測試：

http://locahost:4000

個人搭建的示例：https://cnwangk.github.io/

hexo配合github還是挺方便的，畢竟在Windows平臺我可以利用node.js安裝hexo外掛，進而配合一鍵生成模板然後提交到github。直接在hexo生成的blob模板中的markdown檔案中寫入你的文章。拋開通用性，markdown確實很方便。具體其它平臺安裝hexo可以參考官網中文文件，這裡提供一下hexo的網址：

3、配置github pages服務

github pages的配置頁面

https://github.com/cnwangk/test/settings/pages

配置教程，純英文的，可以用Google翻譯一下哈

https://pages.github.com/

我測試配置了一個倉庫

注意：倉庫必須是公開的（public）、然後倉庫命令可以命令為使用者名稱加github.io

簡單的github pages 服務搭建示例，可以測試訪問。

https://cnwangk.github.io/

總結

以上就是對github入門教程進了一個總結，很基礎的一個教程，萌新一樣可以看懂喲！希望能對你的工作與學習有所幫助。感覺寫的好，就拿出你的一鍵三連。公眾號上更新的可能要快一點，目前還在完善中。能看到這裡的，都是帥哥靚妹。如果感覺總結的不到位，也希望能留下您寶貴的意見，我會在文章中進行調整優化。

原創不易，轉載也請標明出處和作者，尊重原創。不定期上傳到github或者gitee。認準龍騰萬里sky，如果看見其它平臺不是這個ID發出我的文章，就是轉載的。本文已經上傳至github和gitee倉庫SQL-study。個人github倉庫地址，一般會先更新PDF檔案，然後再上傳markdown檔案。如果訪問github太慢，可以使用gitee進行克隆。

相關文章