GitHub Pages 是github提供的一個免費的靜態網站託管服務,可以將Markdown、HTML、CSS、JavaScript或其他靜態檔案託管到您的GitHub Pages帳戶中。它支援多種自訂網域和主題,可以相容於Jekyll,並且還可以自訂404頁面等等,非常靈活和強大。所以,使用GitHub Pages建立個人網站和部落格比較流行。
一、註冊Github帳號
首先需要擁有一個github帳號,可以透過Github官網 https://github.com/ 進行註冊,註冊過程不多做贅述。
二、建立倉庫
以「username.github.io」作為倉庫名稱建立一個新的GitHub倉庫。此時,這個倉庫名稱必須為username.github.io,其中username是您的GitHub使用者名稱。
如果想要使用自訂域名,不要採用此方法建立倉庫,可以透過在多一個含有自訂網域的倉庫來實現。
三、上傳網站檔案
使用git工具進行clone,然後在本地倉庫中建立並上傳您的靜態網站。
在本機目錄下新建一個名為「index.html」的文件,檔案中寫入您的個人網站的HTML程式碼。
可以輸入以下指令初始化倉庫:
$ cd /path/to/local/repo $ git init $ git add . $ git commit -m "first commit"
接下來直接將倉庫推送到GitHub。
$ git remote add origin https://github.com/username/username.github.io.git $ git push -u origin master
上傳完成後,您就可以在https://username.github.io/上查看您的個人網站,此網址也是您以後發佈所有的個人網站的發佈地址,當您更新網站後,訪客就會看到網站上最新的內容。
如果您想使用自訂域名,需要在GitHub的「Settings」->「Custom domain」中填入您註冊的域名,然後在DNS中設定域名解析。
四、使用Jekyll主題
Jekyll是GitHub Pages預設的靜態網站產生器,免費,開源且相容於大多數主題。
首先需要在本地電腦上安裝Ruby語言,然後在命令列中輸入以下指令:
$ gem install jekyll bundler
接著,複製一個Jekyll主題到本地,然後替換其中的檔案內容,將其上傳到GitHub Pages倉庫。
$ git clone https://github.com/the-name-of-the-Jekyll-theme.git $ cd the-name-of-the-Jekyll-theme $ bundle install $ jekyll serve
此時,您可以在本地電腦的瀏覽器中查看您的個人網站,然後直接將該主題推送到GitHub,您的網站上就會使用該主題了。
五、總結
透過GitHub Pages建立個人網站和部落格可以讓我們更好的展現自我,同時也為我們提供了學習和交流的平台,對於個人的發展和工作都有很大的幫助。這裡只是簡單的介紹,更多的功能及用法需要自行摸索學習。
以上是怎麼使用GitHub Pages建立個人網站和博客的詳細內容。更多資訊請關注PHP中文網其他相關文章!