須知:
- 本文圖片較多, 所以我用了webp格式的圖來加載, 以防止出現網速不好者, 要等待一會~ 還有就是圖片作用就是讓你確認你的界面應該是怎么樣的. 我也有文字說明的.
- (新加) 難過, 移動端暫時不支持webp格式的圖片, 我在找到解決的方法之前, 還是先用jpg格式的.
- 本文是從小白開始的教程, 大牛勿噴. 再說. 這是我第一次寫, 難免過于幼稚. 體諒哈~
- 左側有目錄, 可以跳轉查看.
使用Github來托管你的代碼
第一部分 認識Github和Github Page
在第一部分中, 我簡單的寫了Github的注冊, 建倉庫, 初次使用Github page. 還是用的網頁上的create new file 在實際生產中, 我們肯定不可能是那樣的寫文件吧, 所以. 這個博文就是教你如何上傳代碼文件的
第二部分 運用客戶端或命令行上傳你的代碼
本文講述了如何上傳 本地的代碼 到 Github上. 常見的方式有 客戶端 和 終端命令行 這兩種. 我在這里用文字加圖片的方法, 講述一下Github的上傳代碼的事情.
認識Github和Github Page
啰嗦的第一段, 已經了解的可以左側目錄欄跳過啦~
截止到2015年,GitHub已經有超過九百萬注冊用戶和2110萬代碼庫。事實上已經成為了世界上最大的代碼存放網站和開源社區。
GitHub同時提供付費賬戶和免費賬戶。這兩種賬戶都可以創建公開的代碼倉庫,但是付費賬戶還可以創建私有的代碼倉庫。
Github還有一個github page功能. 從而建立一個屬于你自己的網站. 并且, 它是免費又快速的.
Github Page還可以自定義域名, 從而讓你更加的與眾不同. 出色于你的努力.
Are you ready?
Github 注冊
首先, 我們應該打開github官網襖~ https://github.com/ 當然, 已經注冊過的 可以跳過往下看~
注冊頁面
網址: https://github.com/join?source=header
第一步
- 填寫用戶名, 注冊郵箱(郵箱要正確,且你要知道密碼襖, 因為后面需要驗證), 填寫登錄密碼.
第二步
- 選擇你的套餐
第三步
- 填寫你的信息(這個是可選的) 你也可以跳過.
驗證郵箱
- 接著上一步, 第三步ok后, 點擊 start a project. 它會讓你驗證郵箱. 然后發送一個郵件到你的郵箱里, 你去郵箱驗證就好啦~
- 后期你還可以在右上角你的頭像那里點擊, 彈出的下拉菜單倒數第二個 setting 菜單. 這個是設置你的github功能的,里面你還可以添加郵箱啦, 更改密碼啦, 更改信息啦.
創建倉庫
第一步
點擊右上角的 + , 在彈出的下拉菜單里, 點擊 new repository . 倉庫的名字一定要看清,填好襖~ 還有, 有個需要打鉤的地方
, 也順手打了吧, 這樣會方便以后, 盡管后面你還可以自己創建.
我這里為了下面的演示Pages 所以就創建了一個.github.io格式的倉庫.
第二步 (可選)
體驗github page的魅力吧!
點擊 create new file
, 進入后, 注意創建的文件的名字! 注意創建的文件的名字! 注意創建的文件的名字! 內容你可以仿照我的敲一下, 也可以把你自己寫過的靜態單個html文件的內容復制粘貼過來. PS: 單個html的意思是指你頁面中的js啊,css啊,都在一個.html里面, 這樣網頁才完整. 不然就有些樣式和腳本就不會出現啦~.
ok后, 在頁面的最下方, 除了點擊那個綠色的按鈕 commit new file
其他什么都不要點, 不用填, 就可以了.
好了, 現在深呼吸一下(好累的), 在瀏覽器里打開一個新的標簽頁. 輸入地址: https://你的用戶名.github.io 回車后, 見證你自己的奇跡吧~
如果有人真的很相信我, 就在地址欄輸入https://你的用戶名.github.io
, 那我是冷漠呢還是高興呢. 好難選誒