首頁 > 開發工具 > Git > 主體

怎麼使用GitHub Pages建立個人網站和博客

PHPz
發布: 2023-04-06 14:04:34
原創
965 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!