前端靜態專案託管到github pages

主要流程

1、github上對應倉庫中選擇 settings -- Pages

2、在Source選項下，選擇分支和專案資料夾，點選Save按鈕儲存

注：此處資料夾僅有root 與 docs 兩個選項，因此可將需要輸出的目錄指定為docs

3、展示的站點

https://github使用者名稱.github.io/倉庫名

4、下面兩項說明

Theme Chooser是為站點選擇一個主題，點選更改主題可選，

根據測試，該項功能適用於倉庫中存在一份index.md(就是倉庫建立後自動生成的那個說明檔案)，主題可根據markdown語法渲染對應樣式

Custom domain 設定自定義域名，可從自定義域名中提供服務

遇到的問題

1、資料夾選擇

github只提供 root和docs兩個選項，因此在倉庫下需要把輸出目錄設定為docs或root

2、服務

pages提供的站點是靜態站點，沒有對應的服務配置，因此可在本地點開專案下的入口頁，檢視以檔案的方式能否訪問成功。（注：）

3、更新

程式碼提交到倉庫後會自動部署到站點，部署頻率限制為10次/h,因此建議在本地預覽成功後再推送

4、vue相關

在github上路由模式為 hash, 打包時，配置publicPath 為./ 路由模式為 hash

在gitee上， 路由模式為history，打包時 配置publicPath為 /倉庫名/ （案例gitee.com/lyww1992/fl…

示例如下：

publicPath:process.env.NODE_ENV === 'production'

    ? '/flexcourse/'

    : '/',
複製程式碼

使用vue專案測試，hash模式和history模式與本地表現一致