Gitee是一個非常知名的Git程式碼託管平台,而在Gitee上不僅可以管理程式碼,還可以透過Gitee Pages部署自己的靜態網站,非常方便。本文將介紹如何使用Gitee Pages部署靜態網站和如何新增互動功能,讓網站更生動有趣。
一、建立Gitee Pages工程
首先需要在Gitee上建立一個Pages工程,具體操作如下:
##登入Gitee網站,進入個人主頁。 - 點選「建立倉庫」按鈕。
- 設定倉庫名稱,勾選「公開」選項,選擇「初始化README.md」選項,最後點選「建立倉庫」按鈕。
- 進入新建立的倉庫頁面,點擊「設定」按鈕。
- 點選「Pages服務」選項卡,選擇「啟用Pages服務」按鈕。
- 設定網站的存取路徑和預設顯示的頁面,例如設定為“/my-website”,預設展示頁面為“index.html”,最後點擊“儲存”按鈕。
- 接下來可以在本地建立一個新的資料夾,將靜態網站的相關檔案放入這個資料夾中。
- 在本機開啟命令列,進入剛剛建立的資料夾,輸入以下命令:
-
git init
git add .
git commit -m "initial commit "
連接Gitee倉庫,輸入以下指令:-
git remote add origin [Gitee倉庫位址]
git push -u origin master
完成上述步驟後,在Gitee倉庫頁面刷新,即可看到部署的靜態網站。 -
二、新增互動功能
在靜態網站的基礎上,加入互動功能可以讓網站更加生動有趣。以下介紹兩種新增互動功能的方法。
使用JavaScript-
JavaScript是一種腳本語言,可以實現頁面互動的效果。可以在HTML檔案中加入