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文件中添加
创想商务B2B网站管理系统（橙色风格版）V3.0 注意事项：该风格模板基于创想商务B2B网站管理系统（v3.0）使用。 部分特色功能如下： 1、一健在线安装 ： 2、商铺独立二级域名： 3、阶梯价批发： 4、零售商城： 5、会员等级自由转换： 6、在线交易： 7、会员商家多方位推广： 8、多种赢利模式： 9、分类多属性关联： 10、自主风格模板设计： 11、HTML静态化处理： 12、灵活SEO
例如，在HTML中添加以下代码：
当点击按钮时，会弹出“Hello World”的提示框。
将添加了JavaScript代码的HTML文件上传至Gitee Pages工程后，即可在网站中看到效果。
- 使用第三方插件
除了JavaScript之外，还可以使用第三方插件来实现交互效果。以下以添加滚动条为例，介绍使用iScroll插件的方法。
- 在HTML中添加以下代码：
- 第一项
- 第二项
- 第三项
- 第四项
- 第五项
- 第六项
- 第七项
- 第八项
- 第九项
- 第十项
- 将iScroll.min.js文件上传至Gitee Pages工程。
- 刷新网站，即可看到添加了滚动条的效果。
总结：
通过Gitee Pages可以方便地部署静态网站，同时可以通过JavaScript和第三方插件的方式添加交互功能，让网站更加生动有趣。
