如何使用github頁面免費託管網站
網絡託管計劃有多種選擇和價格點。有更昂貴的計劃，有能力在世界上最大的網站託管，但如果你只是需要一個簡單的網站簡單的託管解決方案呢？
對於一個靜態網站或小型網絡應用程序，有免費的託管計劃，可以讓你在一瞬間上線運行。他們需要比付費主機多一點的設置，但這是一個值得的免費權衡。
GitHub頁面就是這樣一種選擇，在本文中，我們將向您展示如何****GitHub頁面託管一個簡單的網站。
什麼是github頁面(github pages)？
注意：要在GitHub頁面上託管，您需要訪問整個網站代碼。通常，當您從頭開始編寫網站代碼時，此選項效果最佳。
GitHub Pages是由GitHub創建的一個服務，它允許您通過將網站或web應用程序存儲在免費的GitHub存儲庫中來發布它。
你可以主持一個完整的網站和無限的“項目網站”，這可以被認為是一個網站上的“網頁”。網站代碼存儲在指定的GitHub存儲庫中，然後GitHub將發佈到任何計算機或平板電腦上查看。
這個過程很簡單，但還有一點需要說明。讓我們開始討論如何實現這一點。
github基礎知識
GitHub是一種流行的版本控制服務，面向使用Git存儲和控制代碼的計算機程序員。代碼存儲在存儲庫中，這些存儲庫只是雲服務器上的容器，允許您從所有計算機訪問代碼。
您可以使用GitHub的網站或在安裝Git後通過命令行創建新的存儲庫。存儲庫是給定名稱的，可以是公共的，也可以是私有的，並且可以存儲任何語言的代碼。一旦您創建了存儲庫，使用Git您就可以從服務器中提取代碼進行更改，然後上傳回GitHub。
通過訪問Git網站並遵循安裝步驟，Git很容易安裝在PC和Mac計算機上。Git有很多東西，但是你可以學習Git的基礎知識並很快使用它。
GitHub在編程中已經是家喻戶曉的名字，當您已經知道如何使用它時，GitHub頁面將變得非常有用。
在github頁面上設置網站
使用GitHub頁面託管網站的過程可以簡化為三個步驟：
- 創建一個GitHub帳戶用一些規則創建一個新的存儲庫編輯你的代碼並上傳到GitHub讓你的網站上線
讓我們看一下如何在GitHub頁面上實時發佈靜態網站的更多細節。你需要一些HTML知識，所以現在是複習一些HTML基礎知識的好時機。
創建github帳戶
此時您應該安裝Git，如果沒有，請返回GitHub基礎知識並確保完全安裝了它。您將需要Git通過GitHub控制您的代碼。前往GitHub的網站註冊。
你需要選擇一個用戶名，用你的電子郵件地址和密碼註冊。用戶名將是重要的，讓你的網站和運行。註冊後，請登錄主頁以啟動您的網站。
創建github存儲庫
在GitHub主頁上，您將看到最左側的“存儲庫”部分。這裡將列出您的所有存儲庫，以及一個“新建”按鈕，它將允許您創建一個新的存儲庫。
單擊“新建”，您將進入一個新屏幕，以輸入存儲庫信息。首先，您需要輸入存儲庫名稱。存儲庫名稱必須如下所示，其中[USERNAME]是所需的用戶名：
[USERNAME].github.io例如，如果您的用戶名是Jake，那麼您的存儲庫名稱將是傑克.github.io. 這是非常重要的一步。GitHub Pages將存儲庫標識為一個活動網站，而不是您想要編碼的空白容器。
輸入用戶名後，您可以輸入可選的描述，以向存儲庫中添加一些詳細信息（即“我的體育網站”）。
選擇“public”或“private”來控制其他用戶是否可以修改您的存儲庫。Public表示任何人都可以修改，private表示只有您可以修改。
最後，您可以為您的存儲庫創建一個自述文件，它只是用來保存項目的文檔。完全可以選擇。
現在您已經填寫好了，單擊“創建存儲庫”完成！
編輯和上傳你的網站
現在您的存儲庫已在GitHub上運行，請轉到命令行終端。導航到要存儲項目的位置，並運行以下命令，確保用實際用戶名替換[USERNAME]：
git clone https://github.com/[USERNAME]/[USERNAME].github.iogit的“克隆”功能只是在你的計算機上覆制你的存儲庫，這樣你就可以編輯代碼了。您對此代碼所做的任何更改都可以通過命令行保存到主存儲庫。
現在存儲庫已存儲在文件夾中，請使用終端或單擊計算機上的文件夾導航到該文件夾。創建索引.html此文件夾中的文件。這個HTML文件將存放您的代碼。
在文本編輯器中打開HTML文件並添加一行，鍵入“Hello”。這只是一行顯示文本並確保網站正常工作。
返回使用終端存儲代碼的文件夾。現在您可以通過運行這個git代碼將更改保存到存儲庫中
git add --allgit commit -m "Save changes"git push -u origin master如果您以前從未使用過Git，這可能會讓人困惑，但它非常簡單。git add--all將您所做的所有更改添加到要保存的隊列中。git commit使用可選的-m標誌準備更改，該標誌添加了對此提交中更改內容的描述。（“保存更改”就是一個例子。最後，gitpush完成更改並將新代碼加載到存儲庫中。
查看github網頁網站
這裡有很多，但現在你已經準備好看最後的結果了。加載您最喜愛的web瀏覽器並導航到https://[用戶名]。github.io文件這裡，[用戶名]同樣被您的存儲庫名稱替換。
你將看到你的網站現場發佈！它可以在任何電腦、平板電腦或**的任何瀏覽器中查看。這是一個功能齊全的網站。
免費網絡託管的更多選項
既然您知道如何創建一個免費託管在GitHub頁面上的網站，您就可以構建任何類型的靜態網站。對於只需要一個小解決方案的開發人員和個人來說，這是一個很好的選擇。
需要比GitHub頁面更強大的東西嗎？看看這些可怕的免費網絡託管服務。
- 發表於 2021-03-19 05:27
- 閱讀 ( 50 )
- 分類：程式設計
你可能感興趣的文章
使用dropbox、google drive或onedrive獲得免費網站託管
... 如何在dropbox上託管網站 ...
使用xampp在windows上免費託管和編輯網站
... 請繼續閱讀，瞭解如何在您的計算機上免費建立您自己的網站，您可以從頭開始建立網站，也可以使用預先**的模板建立網站。哦，這包括託管你自己的WordPress帳戶以及！ ...
7個標誌你應該升級你的免費網站到一個高階服務
...處理器，處理站點請求的速度慢得令人難以忍受。他們也使用hdd，因為它們比ssd便宜，儘管ssd更快更可靠。 ...
免費網路託管對你的第一個網站有害的10種方式
...商。這可以確保你完全控制你的網站，你的內容，以及你如何選擇賺錢的內容。 ...
github上託管的10個免費開源windows工具
...》的報告，詳細介紹了過去一年的一系列亮點，包括活躍使用者總數、最常見的表情反應、最常用的編碼語言等。 ...
從舊域名賺錢的3種方法
... 讓我們看看你如何從這個舊域名賺錢。 ...
2019年最佳免費網站託管服務
... 你不能賺錢。許多免費網路主機禁止使用廣告和附屬連結。有些人甚至會在你的網站上植入廣告，所以他們會從你的工作中賺錢。 ...
如何將android裝置轉變成web伺服器
...可以用Android智慧**或平板電腦來管理你的網頁。下面介紹如何構建一個簡單的Android web伺服器。 ...
如何為你的網站獲得免費域名
...事實上，如果我告訴你不用花一毛錢怎麼辦？讓我們看看如何為您的網站獲得免費域名。 ...
如何建立一個託管免費網站與itty位元
...中或直接鍵入站點內容來建立Itty Bitty站點，但我將演示如何使用以前由Dudley Storey建立的Codepen專案。 ...
