天天看點

域名+解析+GitHub搭建個人網站域名+解析+GitHub搭建個人網站

域名+解析+GitHub搭建個人網站

版權聲明:本文為lweet_han的原創文章,可以轉載,但請務必注明作者和出處

摘要

本文主要介紹如何申請注冊域名,使用GitHub上的開源項目來搭建一個網站/個人部落格。由于無需購買伺服器,是以沒有資料庫通路,很适合建立自己的部落格或者個人網站,而不适合大型網站。本方法已經經過作者實際驗證,真實有效,操作簡單,适合沒有任何網站開發經驗的小白。

最終效果

域名+解析+GitHub搭建個人網站域名+解析+GitHub搭建個人網站

1.購買域名(必須先要實名認證)

2.注冊GitHub賬号,并建立一個代碼倉庫(repository)

3.将域名和剛建立的網站代碼倉庫相關聯

具體步驟

1.購買域名

向域名提供商購買域名。作者熟悉的域名提供商:

國外:godaddy

國内:騰訊雲、阿裡雲

其餘的可以百度/谷歌一下。申請方法步驟和步驟大同小異。

由于作者還是在校生,針對在校生騰訊雲和阿裡雲都提供了相應的優惠,在校生可以關注一下他們的優惠資訊。godaddy也有一些優惠碼,購買域名之前可以搜尋一些優惠碼。

這裡我選擇的是阿裡雲,注冊-登入

之後點選産品、在其中搜尋域名、并點選域名注冊

域名+解析+GitHub搭建個人網站域名+解析+GitHub搭建個人網站

在這裡你可以搜尋你想要的域名。

域名+解析+GitHub搭建個人網站域名+解析+GitHub搭建個人網站

選中一個加入購入車進行購買,首先必須實名認證,未實名認證的要先去按照步驟去實名認證。(優惠密碼可以不填)

域名+解析+GitHub搭建個人網站域名+解析+GitHub搭建個人網站

2. 注冊GitHub賬号,并建立一個代碼倉庫(repository)

GitHub是什麼?

GitHub是一個利用Git進行版本控制、專門用于存放軟體代碼與内容的共享虛拟主機服務,很多人都把它稱作程式員的同性交友網站,具體為啥這麼叫我也不知道

GitHub pages是什麼?

Github Pages設計的初衷是為托管在GitHub上的項目提供介紹頁面,開發者們可以通過GitHub Pages為他們的每一個項目建立一個用于介紹該項目的靜态網站,不過由于他的空間免費而且穩定,是以用它搭建一個個人網站是再好不過了.

  • 官方解釋

GitHub Pages is a static site hosting service designed to host your personal, organization, or project pages directly from a GitHub repository.

You can create and publish GitHub Pages sites online using the Jekyll Theme Chooser. Or if you prefer to work locally, you can use GitHub Desktop or the command line.

GitHub Pages is a static site hosting service and doesn’t support server-side code such as, PHP, Ruby, or Python.

To learn more about the different types of GitHub Pages sites, see “User, organization, and project pages.”

  • 使用權限(Usage limits)

    GitHub Pages source repositories have a recommended limit of 1GB .

    Published GitHub Pages sites may be no larger than 1 GB.

    GitHub Pages sites have a soft bandwidth limit of 100GB per month.

    GitHub Pages sites have a soft limit of 10 builds per hour.

  • GitHub頁面源存儲庫的推薦限制為1GB。
  • 釋出的GitHub頁面站點可能不大于1 GB。
  • GitHub頁面站點的軟帶寬限制為每月100GB。
  • GitHub頁面站點的軟限制是每小時10個建構。

首先按照提示建立一個使用者

在此,我已經有GitHub賬号了,就不做示範了,大家可以按照提示進行注冊。

建立一個代碼倉庫(Repositories)

大家可以點選這建立一個代碼倉庫,由于我已經建立一個代碼倉庫了,是以中間沒有顯示,如果你是第一次注冊、登入的可能會在中間部分提示你建立代碼倉庫,總之,認準這幾個單詞就不會錯。

域名+解析+GitHub搭建個人網站域名+解析+GitHub搭建個人網站

在此處寫上你的代碼名,必須以.github.io結尾

域名+解析+GitHub搭建個人網站域名+解析+GitHub搭建個人網站

可以在這裡選擇建立新檔案或者加載已經存在的檔案

域名+解析+GitHub搭建個人網站域名+解析+GitHub搭建個人網站

3. 将域名和剛建立的網站代碼倉庫相關聯

GitHub為每個注冊的使用者提供了一個專有的[使用者名].github.io(隻有一個)這樣一個網址,你就可以使用它來和自己購買的域名相關聯。之是以不需要購買伺服器或者雲主機,原因就在GitHub伺服器會幫你托管這個[使用者名].github.io所用到的全部代碼,自動運作。

  • 倒數第二步

    在該項目下建立檔案,命名為CNAME,内容為你的域名。

    域名+解析+GitHub搭建個人網站域名+解析+GitHub搭建個人網站
    域名+解析+GitHub搭建個人網站域名+解析+GitHub搭建個人網站
  • 最後一步

    到自己的域名管理控制台>>點選解析>>進入如下頁面,添加如下資訊:

    記錄類型:CNAME,主機記錄:www,記錄值一定要是[使用者名].github.io,TTL:從下拉選項中選擇一項。

    域名+解析+GitHub搭建個人網站域名+解析+GitHub搭建個人網站
    域名+解析+GitHub搭建個人網站域名+解析+GitHub搭建個人網站

代碼倉庫中的代碼

代碼倉庫中的代碼須為靜态代碼、可以自行去百度很多關于靜态代碼的例子,在此不多做介紹。

解析成功。你的網站就建立成功了。在浏覽器位址欄輸入:http://主機記錄值.域名(例如www.baidu.com)就可以轉到自己網站

本文參考域名+解析+GitHub來搭建自己的個人網站并在此的基礎上對其做了修改,适用于有前端基礎卻并不會搭建個人網站的朋友。

版權聲明:本文為lweet_han的原創文章,可以轉載,但請務必注明作者和出處