GitHub是一个基于Web的代码托管平台，它不仅可以用来存储和共享代码，还可以用来搭建静态网站，在本文中，我们将探讨如何使用GitHub搭建一个简单的网站，并使用JavaScript（JS）为其增加一些动态功能。

我们需要创建一个新的GitHub存储库来存储我们的网站代码，登录GitHub账户后，点击页面右上角的“+”按钮，选择“New repository”来创建一个新的存储库，给存储库起一个有意义的名称，并选择公共或私有访问权限，点击“Create repository”按钮后，我们就创建好了一个新的存储库。

接下来，我们需要在本地计算机上设置Git，并将存储库克隆到本地，打开终端或命令提示符，并导航到要存储代码的目录，运行以下命令来克隆存储库：

```

git clone -username/repository-name.git

将"your-username"替换为您的GitHub用户名，"repository-name"替换为您刚创建的存储库的名称。

一旦存储库被克隆到本地，我们就可以开始编写网站代码了，在存储库的根目录中，创建一个名为"index.html"的文件，并使用任何文本编辑器打开它，在文件中，我们可以编写HTML和CSS来定义网站的外观和布局。

下面是一个简单的示例：

```html

Welcome to My Website

This is a sample website.

在上面的示例中，我们定义了一个标题和一个段落，并引用了一个名为"style.css"的CSS文件和一个名为"script.js"的JS文件。

接下来，我们可以创建一个名为"style.css"的新文件，并在其中编写用于样式网站的CSS代码，例如：

```css

body {

font-family: Arial, sans-serif;

background-color: #f2f2f2;

}

h1 {

color: #333333;

p {

color: #777777;

在上面的示例中，我们设置了网站的背景颜色和标题、段落的颜色。

我们可以创建一个名为"script.js"的新文件，并在其中编写用于为网站添加动态功能的JS代码，例如：

```javascript

document.addEventListener("DOMContentLoaded", function() {

var heading = document.querySelector("h1");

heading.addEventListener("click", function() {

heading.style.color = "red";

});

});

在上面的示例中，我们使用JavaScript为网站的标题添加了一个点击事件，当用户点击标题时，标题的颜色将变为红色。

一旦我们完成了网站的代码编写，我们可以将所有文件添加到本地存储库并将其推送到GitHub，在终端或命令提示符中，导航到存储库的根目录，并运行以下命令：

git add .

git commit -m "Initial commit"

git push origin master

这将添加所有文件，提交更改并将其推送到GitHub存储库。

我们的网站已经部署到GitHub上了，要查看网站，请访问存储库页面，点击“Settings”选项卡，然后向下滚动到“GitHub Pages”部分，在“Source”下拉菜单中选择“master branch”，然后点击“Save”按钮，稍等片刻，GitHub将为您的存储库创建一个网站，并在页面上显示网站的URL。

总结起来，我们已经了解了如何使用GitHub搭建一个简单的网站，并使用JavaScript为其增加一些动态功能，通过充分利用GitHub的代码托管和版本控制功能，我们可以轻松地构建、部署和维护我们的网站。