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文件中添加
作者最新文章
-
2024-10-13 11:44:01
-
2024-10-13 09:56:31
-
2024-10-11 20:58:41
-
2024-10-11 16:53:11
-
2024-10-11 11:54:51
-
2024-10-10 16:21:01
-
2024-10-10 15:18:02
-
2024-10-10 13:34:01
-
2024-10-10 13:26:26
-
2024-10-10 11:38:42