將靜態頁面部署到github.io


背景:

  我的騰訊雲服務器是之前利用學生身份(有優惠)買的,現在快到期了,而且服務器上面只有一個引導頁(靜態頁面)還有用,別的項目都沒有用了。所以就想找一種不花錢買服務器就可以訪問到我的引導頁的方法。然后突然間想到了之前小伙伴說過hexo寫博客非常方便而且是托管到github上的,我就想能不能用類似的方法把自己的靜態頁面也托管到github上。

效果:

  page.zhuchenglin.cn

前提:

  這個方法只能用來部署靜態頁面,而且是可以公開的代碼,所以私有項目一定不要圖省錢這樣部署。

部署步驟:

  1. 如果沒有github的伙伴注冊一個github賬號
  2. 在github上創建一個公開的項目(注意,如果創建私有的項目,並且能從外面訪問到html,這是需要收費的! $7/月)
  3. 在Settings里的Options里有 GitHub Pages 選項,選擇master branch ,下面的Choose a theme 選不選都行,之后再Custom domain 里面填上自己的二級域名
  4. 將這個項目克隆到本地,在這個項目里面完成自己的靜態頁面,然后提交並推送到遠程
  5. 這時候你可以使用 github賬號.github.io/項目名/頁面.html 來訪問你的頁面
  6. 進入你的域名管理后台(阿里雲或其他的),開一個CNAME類型的二級域名解析到 github賬號.github.io,注意:二級域名要和步驟3中的二級域名保持一致

如果正常的話,這個頁面現在就可以通過自己設置的二級域名訪問了。

注意:

  1. 上面步驟3完成后,項目里會多一個CNAME文件(如果步驟3中進行了Choose a theme會多一個_config.yml文件),這個CNAME文件是用來控制域名的,只能有一個域名,如果有多個,多余的將無效。如果自己的二級域名變的話,可以直接修改這個文件的內容。
  2. 私有代碼一定不要這樣部署,或者付費部署也可以
  3. 這種方法只能部署靜態開源頁面,不能部署含有后端語言的代碼

如需轉載請注明出處 : https://www.cnblogs.com/zhuchenglin/p/11574840.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM