关于如何使用gitlab页面与代码样本的小型方便教程:
步骤1:创建一个GitLab存储库
- 转到Gitlab(https://gitlab.com/)并登录您的帐户或创建一个新帐户。
- 通过单击顶部导航栏中的“+”图标创建新存储库,然后选择“新项目”。
- 填写您项目的必要详细信息,例如名称和可见性设置。选择一个项目名称并根据您的要求将其设置为公共或私人。
- 单击“创建项目”按钮以创建存储库。
步骤2:添加gitlab页面配置文件
- 在您的gitlab存储库中,创建一个名为
.gitlab-ci.yml
的新文件。该文件将定义GitLab页面的配置。 - 打开
.gitlab-ci.yml
文件并添加以下代码:
pages:
script:
- mkdir .public
- cp -r * .public
- mv .public public
artifacts:
paths:
- public
only:
- master
此配置设置了一个gitlab页面,将存储库中的所有文件复制到.public
目录,然后将其重命名为public
。 only: - master
行可确保仅在将更改推到主分支时才运行。
步骤3:添加HTML文件
- 在您的存储库中创建一个HTML文件。例如,创建一个名为
index.html
的文件。 - 打开
index.html
文件并添加一些内容。对于此示例,添加以下内容:
<!DOCTYPE html>
<html>
<head>
<title>My GitLab Pages</title>
</head>
<body>
<h1>Welcome to My GitLab Pages</h1>
<p>This is a sample page hosted on GitLab Pages.</p>
</body>
</html>
随时根据需要自定义HTML内容。
步骤4:提交和推动更改
- 添加并提交您对存储库的更改,包括
.gitlab-ci.yml
和index.html
文件。 - 将更改推向GitLab存储库的主分支。这将触发gitlab页面的作业来构建和部署您的网站。
步骤5:访问您的gitlab页面网站
- 推送完成后,转到您的GitLab存储库的主页。
- 单击顶部导航栏中的“设置”选项卡。
- 向下滚动到“页面”部分。
- 您应该看到一条消息,表明您的网站正在部署。部署完成后,您将看到gitlab页面网站的URL。
- 单击提供的URL以访问您的网站。您应该看到在
index.html
文件中添加的内容。
就是这样!您已经成功设置并使用gitlab页面部署了一个网站。您可以继续更改存储库,每当您将更改推向主分支时,GitLab都会自动重建和更新您的网站。
进一步阅读将gitlab pages forms添加到您的网站