🚀

ZennとGitHubを連携してローカルからZennに投稿する

2024/06/26に公開

Overview

ZennとGitHubの連携方法についての手順メモ

ZennとGitHubの連携

  1. Zenn用のリポジトリをGitHubで作成する
  2. ZennのGitHub連携から作成したリポジトリをGitHub連携する

npmのインストール(Optional)

Zenn CLIをインストールするためにはnpmが必要。

  • npmが導入されていない場合
    • 下記の手順を実施
  • npmが購入されている場合
    • この項目はスキップ
# Homebrewからnodebrewをインストール
$ brew install nodebrew
$ nodebrew setup

# PATHを登録
$ echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.zshrc
$ source ~/.zshrc

# インストールバージョンを確認
$ nodebrew ls-remote
# 最新版をインストール
$ nodebrew install latest
# バージョン確認
$ nodebrew list
# バージョン指定
$ nodebrew use <version>
# 設定確認
node -v
npm -v

Zenn CLIのインストール

$ npm -v

$ cd <GitHub Repository Path>
$ npm init --yes
$ npm install zenn-cli
$ npm install zenn-cli@latest
$ npx zenn init

初めての記事をZenn CLIから投稿する

  1. テンプレートファイルを作成する。
$ npx zenn new:article --slug zenn-<Github User Name>-`date +%Y%m%d`
  1. 中身を編集する。以下は必ず編集しないと公開設定とならない。
- published: false
+ published: true
  1. 記事のプレビューをする。
$ npx zenn preview

ブラウザで http://localhost:8000 にアクセスする。

  1. GitHubのリポジトリに記事をpushする。

  2. Well Done!

参考

https://zenn.dev/zenn/articles/connect-to-github
https://zenn.dev/zenn/articles/install-zenn-cli
https://zenn.dev/zenn/articles/zenn-cli-guide

GitHubで編集を提案

Discussion