ZennとGitHubを連携させてみた

目的

Zenn と github を連携させた流れを記載します。

参考にしたZennの公式記事
ZennとGithubを連携する方法
https://zenn.dev/zenn/articles/connect-to-github
Zenn CLIで記事を作成する方法
https://zenn.dev/zenn/articles/install-zenn-cli

内容

1. Zenn と github を連携させたいディレクトリを作成する。
2. Github に Zenn 連携用リポジトリを作成する
3. Node.js のインストール ⇨ Zenn CLI をインストール
4. Github に Zenn を連携させる。

Zennとgithub を連携させたいディレクトリを作成する。

[ディレクトリの作成]
macbook@yournameMacBook-Air ~ % mkdir <ディレクトリ名>

[ディレクトリに移動]
macbook@yournameMacBook-Air ~ % cd <ディレクトリ名>

Github に Zenn 連携用リポジトリを作成する

1. Repositoriesを選択
   
2. Newを選択
   
3. OwnerとPublicを選択 ⇨ Create repositoryを選択
   

Node.js のインストール ⇨ Zenn CLI をインストール

https://nodejs.org/en

1. Download Node.js(LTS)☁️

公式サイトからガイド通りにインストールを実行。
(Zenn CLI をインストールするのに必要な為)

2. Node.js を Homebrew を使ってインストールする

$ arch -arm64 brew install node

M1 チップを搭載した Mac で ARM64 アーキテクチャ向けに Node.js を Homebrew を使ってインストールする役割を果たします。(Mac は M2 搭載でしたがエラーが出た為実行)

3. npm init --yes でプロジェクトをデフォルト設定で初期化する

$ npm init --yes

4. zenn-cli を導入する

$ npm install zenn-cli

5. zenn-cli をアップデートする

$ npm install zenn-cli@latest

コマンド実行後のディレクトリに、自動でフォルダとファイルが生成されていれば成功です。

Github に Zenn を連携させる。

1. GitHub連携を選択 ⇨ リポジトリを連携するを選択
   
2. GitHubの認証画面に進み、Only select repositoriesと先ほど作成したレポジトリを選択する。
   最後にInstall & Authorizeを選択しで完了。