github pages部署靜態網頁

2022-03-18 11:03:00 字數 2356 閱讀 8250

如果你的專案只是乙個靜態**,就沒有必要再去整什麼伺服器,github pages 提供了搭建靜態**的功能;

1. 搭建簡單而且免費;

2. 支援靜態指令碼;

3. 可以繫結你的網域名稱;

4. diy自由發揮,動手實踐一些有意思的東西git,markdown,bootstrap,jekyll;

5. 理想寫博環境,git+github+markdown+jekyll;

****不限流量、不限流量、不限流量,重要的事說三遍!!!****

下面是搭建簡單例項:

1、先建立乙個repository,專案名自定義,最好把readme建立一下,標明專案簡介

2、進入setting設定

找到launch automatic page generator ,單擊

3、填寫資訊

單擊 continue to layouts

在這裡選擇你要的模板,單擊publish page,這樣就發布成功了(這裡可以隨便選乙個)

4、回到專案下,發現多了乙個gh-pages分支,說明已經可以了

5、然後回到setting頁面,就能看到發布的位址了

6、複製鏈結,在瀏覽器就可以訪問了

組成 http://+github使用者名稱+github.io/+專案名

這種形式的專案,可以建很多個;

下面講一下預設個人主頁的設定

7、新建乙個專案(專案名設定成:github使用者名稱+github.io)

發布流程跟上邊一致,這裡省略

8、回到專案主頁,會發現與上面的不同是發布檔案在主幹master下

8、再去下邊看一下發布的位址

但是這種個人展示頁,或**展示頁只能建乙個,位址為 

總結引用:

兩種pages模式

1. user/organization pages 個人或公司站點

1) 使用自己的使用者名稱,每個使用者名稱下面只能建立乙個

2) 資源命名必須符合這樣的規則username/username.github.io或者username/username.github.com

3) 主幹上內容被用來構建和發布頁面

2. project pages 專案站點

1) gh-pages分支用於構建和發布;

2) 如果user/org pages使用了獨立網域名稱,那麼託管在賬戶下的所有project pages將使用相同的網域名稱進行重定向,除非project pages使用了自己的獨立網域名稱;

3) 如果沒有使用獨立網域名稱,project pages將通過子路徑的形式提供服務username.github.io/projectname;

4) 自定義404頁面只能在獨立網域名稱下使用,否則會使用user pages 404;

我用的是阿里雲

1、網域名稱雲解析管理頁面

選擇解析,新增解析(選擇cname,新增你的二級網域名稱)

2、在專案路徑新建cname檔案

3、在cname檔案下,寫入你再雲解析設定的二級網域名稱

單擊提交commmit,專案路徑cname就有了

4、再去setting看一下發布的位址(自動解析成你設定的網域名稱了)

ok,到此,你就可以直接訪問二級網域名稱

最後、最後、最後在說明一下:github pages 預設主頁為index.html ,上傳專案是覆蓋即可

GitHub Pages 中文簡介

github pages是乙個靜態站點託管服務。github頁面旨在直接從github倉庫中直接託管您的個人 組織或專案頁面。了解關於github pages 不同型別的更多資訊,請參閱使用者 組織和專案頁面。github pages是靜態站點託管伺服器,不支援php,ruby或python等伺服器...

搭建Github Pages部落格

首先介紹一下github pages,可以將其理解為 github給使用者提供的搭建部落格的託管工具。github免費提供了300m的空間供你使用,日常記錄一些隨筆 技術筆記是完全沒有問題的。如果你不想要侷限於現有的部落格平台,想要動手嘗試自己搭建部落格,可以合理地將github pages利用起來...

Github pages 搭建個人部落格

前言 正文 ps 用模板主要還是圖省事,自己寫很麻煩,耗時間。我選了 taylantatli的模板 git init git checkout b gh pages轉殖倉庫到本地環境 git clone taylantatli halve修改 index.md 檔案 主頁 修改projects.ya...