一、创建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仓库页面刷新，即可看到部署的静态网站。二、添加交互功能
在静态网站的基础上，添加交互功能可以让网站更加生动有趣。以下介绍两种添加交互功能的方法。
使用javascriptjavascript是一种脚本语言，可以实现页面交互的效果。可以在html文件中添加<script>标签，编写javascript代码。
例如，在html中添加以下代码：
<button id="btn">点击按钮</button><script>document.queryselector(#btn).addeventlistener(click, function() {alert(hello world);});</script>
当点击按钮时，会弹出“hello world”的提示框。
将添加了javascript代码的html文件上传至gitee pages工程后，即可在网站中看到效果。
使用第三方插件除了javascript之外，还可以使用第三方插件来实现交互效果。以下以添加滚动条为例，介绍使用iscroll插件的方法。
在html中添加以下代码：<div style="height: 200px; overflow: scroll" id="scroller"><ul><li>第一项</li><li>第二项</li><li>第三项</li><li>第四项</li><li>第五项</li><li>第六项</li><li>第七项</li><li>第八项</li><li>第九项</li><li>第十项</li></ul></div><script src="https://cdn.bootcdn.net/ajax/libs/iscroll/5.2.0/iscroll.min.js"></script><script>var myscroll = new iscroll('#scroller',{});</script>
将iscroll.min.js文件上传至gitee pages工程。刷新网站，即可看到添加了滚动条的效果。总结：
通过gitee pages可以方便地部署静态网站，同时可以通过javascript和第三方插件的方式添加交互功能，让网站更加生动有趣。
以上就是如何使用gitee pages部署静态网站及交互功能的详细内容。