如何使用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工程，具体操作如下：

登录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文件中添加

热AI工具

热工具

mPDF是一个PHP库，可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件，并处理不同的语言。与原始脚本如HTML2FPDF相比，它的速度较慢，并且在使用Unicode字体时生成的文件较大，但支持CSS样式等，并进行了大量增强。支持几乎所有语言，包括RTL（阿拉伯语和希伯来语）和CJK（中日韩）。支持嵌套的块级元素（如P、DIV），