GitLabPagesでホームページを公開しよう。

GitLabPagesで静的なホームページを公開しよう。

詳しくわかっていないので、間違っていたらご指摘お願いします。

やり方はいたって簡単です。
gitを普段から使っている人にはそう難しくないです。
もしもGitの使い方とかがわからない人がいましたら、そこから勉強し直しましょう。
現在GitHubを使っていて、GitLabPagesを使いたい方は以下のURLを参考にしてみてください。
GitHubからGitLabへ移行しよう

今回は1からサンプルのHTMLファイルを公開する手順を順序持って紹介していきます。

1.GitLabへアップするファイルを作ります。

※ README.mdとindex.htmlを作ります。

$ mkdir sample
$ cd sample
$ touch README.md
$ touch index.html
$ ls 
README.md  index.html

2..gitlab-ci.ymlを作ります。

$ touch .gitlab-ci.yml

.gitlab-ci.ymlの中を記入していきます。

.gitlab-ci.yml

image: python:2.7
pages:
  stage: deploy
  script:
  - mkdir .public
  - cp -r * .public
  - mv .public public
  artifacts:
    paths:
    - public
  only:
  - master

3.GitLabにpushする。

$ git init
$ git add .
$ git commit -m 'Commit_Message'
$ git push -u origin master

4.パイプラインを実行してウェブサイトを公開する

サイドメニューのCI/CD > パイプラインをクリックしたあとに、画面右上のパイプライン実行をクリック

5.GitLabのホームページからURLを探す。

プロジェクトページの　設定[setting] ⇨　Pages URLを探す。

独自ドメインを設定する

お名前.com を私は利用しています。

1. ドメインを追加

サイドメニューの設定 > Pagesをクリックして表示される画面の右上の新ドメインをクリック

2. ドメインを入力し、新しいドメインを作成をクリックして以下を確認します。

DNS
sample.com ALIAS ~~~~.gitlab.io.

検証ステータス
_gitlab-pages-verification-code.sample.com TXT gitlab-pages-verification-code=~~~~

3. お名前.comの設定より、「DNSレコードを設定する」

ホスト名	TYPE	VALUE
sample.com	CNAME	~~~~~~~~~~~~~~~.gitlab.io.
_gitlab-pages-verification-code.sample.com	TXT	gitlab-pages-verification-code=~~~~

登録を終えてしばらくしてから、2のページに戻り、「↺」を押して下記のようになれば、認証が完了し、独自ドメインでの Web サイトの公開が完了します。

参考文献

・GitLab Pagesで静的ウェブサイトを公開する方法
・GitLab Pages で独自ドメインの静的 Web サイトを HTTPS で公開する