プロジェクトテンプレートからGitLab Pagesのウェブサイトを作成
- プラン: Free、Premium、Ultimate
- 提供形態: GitLab.com、GitLab Self-Managed、GitLab Dedicated
GitLabには、最も一般的な静的サイトジェネレーター(SSG)のテンプレートが用意されています。テンプレートから新しいプロジェクトを作成し、CI/CDパイプラインを実行して、Pagesのウェブサイトを生成できます。
GitLab Pagesをテストしたり、Pagesサイトを生成するように既に構成されている新しいプロジェクトを開始したりする場合は、テンプレートを使用します。
- 左側のサイドバーの上部で、新規作成( )を選択し、新規プロジェクト/リポジトリを選択します。
- Create from Template(テンプレートから作成)を選択します。
- 左側のサイドバーの上部にあるPagesで始まるテンプレートのいずれかの横にあるテンプレートを使用を選択します。
- フォームに入力し、プロジェクトを作成を選択します。
- 左側のサイドバーで、ビルド > パイプラインを選択し、パイプラインを新規作成を選択して、GitLab CI/CDをトリガーし、サイトをビルドしてデプロイします。
パイプラインが完了したら、デプロイ > Pagesに移動して、Pagesウェブサイトへのリンクを見つけます。
リポジトリにプッシュされたすべての変更について、GitLab CI/CDは新しいパイプラインを実行し、変更をPagesサイトに即座に公開します。
サイト用に作成されたHTMLおよびその他の資産を表示するには、ジョブアーティファクトをダウンロードします。
プロジェクトテンプレート
GitLabは、これらのフレームワークのテンプレートプロジェクトを維持しています:
| 領域 | フレームワーク | 利用可能なプロジェクトテンプレート |
|---|---|---|
| Go | hugo | Pages/Hugo |
| Markdown | astro | Pages/Astro |
| Markdown | docusaurus | Pages/Docusaurus |
| Plain HTML | plain-html | Pages/Plain HTML |
| React | next.js | Pages/Next.js |
| Ruby | jekyll | Pages/Jekyll |
| Vue.js | nuxt | Pages/Nuxt |