Zenn
🐱

ZennをGithubと連携させて使ってみる

2023/08/08に公開
GitHub
Zenn
tech

前提条件

  • Googleアカウントを作成済み
  • npmをインストール済み
    % npm -v
9.8.0

Zennへのログイン

  • Googleアカウントを持っていればそのままログイン可能。

ZennにアクセスしLoginをクリック

  • login-01.png

Login with Googleをクリック

  • login-02.png

連携するアカウントをクリック

  • login-03.png

ログインを確認

  • login-04.png

Githubのレポジトリを作成

Githubにログインし、Newをクリック

レポジトリ名を入力し、Create Repositoryをクリック

レポジトリの作成を確認

Zenn - GitHub連携

GitHubからのデプロイをクリック

リポジトリを連携するをクリック

連携へ進むをクリック

レポジトリを作成したGitHubアカウントをクリック

Only select repositoryを選択し、連携するレポジトリを指定

GitHubへログイン

暫く待つ

GitHub連携の完了を確認

ローカルレポジトリ初期設定

レポジトリをローカルにclone

LOCAL_REPOSITORY_PATH=*****
GITHUB_ACCOUNT=*****
GITHUB_REPOSITORY=*****

mkdir -p ${LOCAL_REPOSITORY_PATH}
cd $_
git clone https://github.com/${GITHUB_ACCOUNT}/${GITHUB_REPOSITORY}$.git

zenn-cliインストール

cd ${LOCAL_REPOSITORY_PATH}/${GITHUB_REPOSITORY}

npm init --yes
npm install zenn-cli

Zennセットアップ

npx zenn init

記事の書き方

Discussion