nuinfo-seminar2

ゼロイチゼミのサイトのソース管理用リポジトリ． サイト：https://nu-zero-one.netlify.app/

Docker環境

割と簡単めでDockerの勉強にもなるので興味ある人はやってみて！

初心者向けの詳細な解説

1. Dockerのダウンロード

Dockerデスクトップとかを入れてdockerコマンドと docker-composeコマンドが動くようにしてください。

2. リポジトリに入る

このリポジトリをクローンして、

$ cd <クローン先のパス>/official_page

でディレクトリに入ります。

3. コンテナを立ち上げる

$ docker-compose up -d

で自動的にビルドが始まり、コンテナが立ち上がります。 （最初は時間がかかるかも）

$ docker-compose up -d
...
Creating nuinfo-seminar-app ... done

この表示が出たら完了です。

4. コンテナの中に入る

先ほど立ち上げたコンテナはalpine-linuxというOSを使っているので、この中に入って作業をします。

// ここはローカルのシェル
$ docker-compose exec app sh
// ここからalpine-linux
/app #

/app # という表示が出たら、コンテナの中に入ることに成功です！

5. hexoが使えるか試す

Dockerfileのここの部分でインストールされているので使えるようになっているはずです。

RUN npm install -g hexo-cli

バージョンを確認してみましょう。

/app # hexo --version
hexo: 6.2.0
hexo-cli: 4.3.0
...

これでhexoのコマンドが使えるようになっているはずです。

6. Docker環境を抜ける

Ctrl+D（macの人はControl+D）で抜けられます。ただしこれだけだとDockerのコンテナが立ち上がったままになってしまうので、

$ docker-compose stop

をしてコンテナを一時停止してください。（メモリを圧迫します）

コンテナ自体を削除したいときは、

$ docker-compose down

を実行しましょう。

初心者向け解説終わり

---

• コンテナ立ち上げ

$ docker-compose up -d

• コンテナに接続

$ docker-compose exec app sh

Commands

!!最初にやること!!

yarn install

を実行して、諸々のパッケージのインストールをしてください。（じゃないと文字化けします）

• Build

/app # yarn build
or
/app # hexo generate

• Serve

/app # yarn server
or
/app # hexo server

詳しくは公式サイトを参照してください。

• https://hexo.io/docs/commands.html

Deploy

@nac-39個人のNetlifyでホスティングしています。 mainブランチに変更があった時にビルドがかかるようになっています。