如何使用Gitee Pages部署靜態網站及互動功能

Gitee是一個非常知名的Git程式碼託管平台，而在Gitee上不僅可以管理程式碼，還可以透過Gitee Pages部署自己的靜態網站，非常方便。本文將介紹如何使用Gitee Pages部署靜態網站和如何新增互動功能，讓網站更生動有趣。

一、建立Gitee Pages工程

首先需要在Gitee上建立一個Pages工程，具體操作如下：

##登入Gitee網站，進入個人主頁。
1. 點選「建立倉庫」按鈕。
2. 設定倉庫名稱，勾選「公開」選項，選擇「初始化README.md」選項，最後點選「建立倉庫」按鈕。
3. 進入新建立的倉庫頁面，點擊「設定」按鈕。
4. 點選「Pages服務」選項卡，選擇「啟用Pages服務」按鈕。
5. 設定網站的存取路徑和預設顯示的頁面，例如設定為“/my-website”，預設展示頁面為“index.html”，最後點擊“儲存”按鈕。
6. 接下來可以在本地建立一個新的資料夾，將靜態網站的相關檔案放入這個資料夾中。
7. 在本機開啟命令列，進入剛剛建立的資料夾，輸入以下命令：

git init

git add .
git commit -m "initial commit "

連接Gitee倉庫，輸入以下指令：

git remote add origin [Gitee倉庫位址]

git push -u origin master

完成上述步驟後，在Gitee倉庫頁面刷新，即可看到部署的靜態網站。

二、新增互動功能

在靜態網站的基礎上，加入互動功能可以讓網站更加生動有趣。以下介紹兩種新增互動功能的方法。

使用JavaScript

JavaScript是一種腳本語言，可以實現頁面互動的效果。可以在HTML檔案中加入