如何使用Gitee Pages部署靜態網站及互動功能-Git-PHP中文網

首頁

開發工具

Git

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

PHPz

Mar 30, 2023 pm 04:36 PM

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

一、建立Gitee Pages工程

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

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

git init

git add .
git commit -m "initial commit "

git remote add origin [Gitee倉庫位址]

git push -u origin master

二、新增互動功能

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

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

熱AI工具

熱工具

mPDF是一個PHP庫，可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件，並處理不同的語言。與原始腳本如HTML2FPDF相比，它的速度較慢，並且在使用Unicode字體時產生的檔案較大，但支援CSS樣式等，並進行了大量增強。支援幾乎所有語言，包括RTL（阿拉伯語和希伯來語）和CJK（中日韓）。支援嵌套的區塊級元素（如P、DIV），