如何用github和搭建静态网站 • Worktile社区

不及物动词

这个人很懒，什么都没有留下～

使用GitHub和搭建静态网站的方法如下：

1. 注册并登录GitHub账号
首先，你需要注册一个GitHub账号，并登录到你的GitHub主页。

2. 创建一个新的仓库
在GitHub主页上，点击右上角的“New”按钮，然后输入仓库的名称和描述，并选择公开或私有的仓库权限。点击“Create Repository”按钮来创建仓库。

3. 上传静态网站文件
通过点击仓库页面上的“Upload files”按钮，将你的静态网站文件上传到GitHub仓库中。你可以一次性上传多个文件，也可以直接拖拽文件到页面中。

4. 设置GitHub Pages
在仓库页面上，点击右上方的“Settings”按钮，然后滚动到页面底部找到“GitHub Pages”选项。选择主分支以及网站的根目录，然后点击保存。GitHub会生成一个网站的链接，你可以通过该链接访问你的静态网站。

5. 定制域名（可选）
如果你想使用自定义的域名来访问你的静态网站，你可以在“GitHub Pages”选项中的“Custom domain”部分进行设置。输入你的域名，并按照提示进行设置。

通过以上步骤，你就可以使用GitHub来搭建静态网站了。记得及时更新你的仓库内容，以保证你的网站内容与仓库中的文件保持同步。如果你想要进一步定制你的静态网站，你可以参考GitHub的文档或者使用其他工具来丰富你的网站内容。

2年前 0条评论

worktile

Worktile官方账号

使用GitHub和搭建静态网站并不复杂，下面我会以一步一步的方式来说明如何使用GitHub和搭建静态网站。

1. GitHub账户和仓库创建：首先，你需要在GitHub上创建一个账户。然后，创建一个新的仓库用于托管你的静态网站。进入主页，在右上角点击「+」号，在下拉菜单中选择「New repository」。输入仓库名称并选择公开或私有。

2. 本地代码仓库设置：接下来，在本地计算机上设置GitHub代码仓库。首先，打开你的命令行工具（如Git Bash），导航到你想要将代码仓库存储的目录。使用以下命令克隆仓库：

通过将”username”和”repository”替换为你的GitHub用户名和仓库名称。

3. 创建静态网站：在你的本地文件夹中创建你的静态网站项目。你可以使用HTML、CSS和JavaScript等技术来构建你的网站。你可以在你的本地文件夹中创建多个HTML、CSS和JavaScript文件。

4. 上传网站文件到GitHub仓库：在你的本地文件夹中，将你的网站文件拷贝到你克隆的GitHub仓库文件夹中。确保你的文件夹结构在上传之前是正确的，文件路径和命名都要正确。

5. 提交更改并推送到GitHub仓库：打开命令行工具，导航到你的GitHub仓库文件夹中。使用以下命令将更改提交到本地仓库：

“`shell
git add .
git commit -m “Commit message”
“`

通过将”Commit message”替换为你想要为这次提交添加的描述。

然后，使用以下命令将更改推送到GitHub仓库：

“`shell
git push origin master
“`

通过将”master”替换为你要将更改推送到的分支。

6. 配置GitHub Pages：转到你的GitHub仓库页面，单击”Settings”选项卡。在”GitHub Pages”部分，选择”master branch”（或者你选择的分支）作为你的发布源。点击保存，然后刷新页面。

7. 查看你的静态网站：回到”Settings”选项卡，找到”GitHub Pages”部分，你会看到一个类似”Your site is published at https://username.github.io/repository/“的网址。点击该链接，就可以访问你的静态网站了。

这就是使用GitHub和搭建静态网站的基本步骤。记住，你可以在GitHub仓库中使用版本管理工具来跟踪和管理你的网站文件。你可以随时更新你的网站并将更改推送到GitHub仓库，然后再次访问你的网站时会自动更新。

2年前 0条评论

fiy

Worktile&PingCode市场小伙伴

建立一个静态网站，可以使用GitHub Pages来托管您的网站。GitHub Pages是一个免费的服务，它允许您将您的静态网站存储在一个GitHub仓库中，并将其发布到一个托管在github.io域名下的网站上。

以下是使用GitHub和搭建静态网站的步骤：

1. 注册一个GitHub账户：访问GitHub网站（https://github.com/）并注册一个账户。如果您已有一个账户，请登录。

2. 创建一个新的代码仓库：登录后，在主页上点击右上角的“+”号按钮，然后选择“New repository”来创建一个新的代码仓库。

3. 命名您的代码仓库：为您的代码仓库命名，比如“my-website”。您可以选择使该仓库成为一个公开或私有仓库。如果您希望将您的静态网站公开托管，则应选择公开仓库。如果只希望自己访问，则选择私有仓库。

4. 初始化您的仓库：在创建仓库后，您有两种初始化仓库的方式。您可以使用GitHub的命令行界面或使用Git来克隆该仓库到本地。使用Git的方法是运行下面的命令：

5. 创建一个index.html文件：在您的本地计算机上创建一个名为“index.html”的文件，并在其中添加您的网站内容。

6. 将文件添加到仓库：将您的index.html文件和其他静态资源（如CSS文件、图像等）添加到刚刚克隆的仓库中。运行以下命令：

“`
$ cd my-website
$ git add .
$ git commit -m “Initial commit”
$ git push origin master
“`

您的静态网站现在已经被添加到GitHub仓库中。如果您现在访问该仓库的URL（https://github.com/your-username/my-website），您将看到您的网站的文件列表。

7. 启用GitHub Pages：现在，打开您的仓库设置页面。向下滚动，找到“GitHub Pages”部分。在“source”下拉菜单中选择“master branch”。单击“Save”按钮。

8. 查看您的网站：如果您在步骤7中选择的是“master branch”，则您的静态网站将被自动发布在https://your-username.github.io/my-website/。打开浏览器并输入该URL，即可查看您的网站。

通过GitHub和GitHub Pages，您可以搭建一个简单的静态网站，用于展示您的项目或个人信息，而无需购买或维护一个独立的服务器。此外，您还可以使用自定义域名来访问您的GitHub Pages网站，以提升专业性和个性化。

2年前 0条评论