靜態頁面製作Github,GitLab,Netlify

  • 896
  • 0

由於SPA走紅,所以才想說來做做看,又因為這幾年前端比後端夯了,哀,世代轉變好快。

[靜態頁面]

  • 靜態頁面可以在GitHub Page,GitLab Page,Netlify。

  • Markdown 的文本轉換成 Html 網頁。

  • GitHub頁面製作方式:

    • 開一個新的repository,點選Setting

    • 到GitHub Pages區塊,先點選change theme,進入後選取想要用的theme,透過介面commit上去repository,回來後就會看到以下連結

  • GitLab製作需要透過pipeline設定yml檔案

    • 透過static site generator SSG方式

    • 先去複製jekyII repo過來,在去repository上製作.gitlab-ci.yml檔案

    • 之後去該專案下的CI/CD的Pipeline

    • 點選running後進入

    • 再點選pages 看他跑完沒,跑完後deploy完成

    • 再去repo的Settings的Pages看網址

    • 完成。對了剛pass完成後要等一下下網站才會好。

    • Source: 官方,IT幫忙這篇

  • Netlify建置

    • 沒錯這次透過StaticGen超快速建置,只需要點幾下就成了

    • 他會列出所以可以生成網站的引擎,這次選最紅的JekyII,下面會有Deploy to Netify

    • 可以部屬在github或是gitlab上,由於剛剛裝GitLab的耗了比較多時間,這次在選GitLab

    • 會透過OAuth登入後,幫你建置

    • 好了以後就會出現拉,但是記得修改你放在Gitlab上的index.html檔案

    • 對喔,網址可以點選Domain settings稍作修改,也可以指定自己的

    • Source: 這篇