📝

【Zenn】GitHub連携後の記事作成からデプロイまで

2024/09/23に公開

以下のGitHub連携後の記事作成の仕方が少し分かりにくかったので、
誰でもわかるように解説いたしました。
https://zenn.dev/zenn/articles/zenn-cli-guide#cli-で記事(article)を管理する

npx zenn init の実行

なおコマンドはGitHubと連携したフォルダ上で右クリック - ターミナルで開くを押下し、powerShell上で行う。

→ フォルダにarticlesディレクトリが作成されればOK!

markdownファイルの作成

  • 上記「npx zenn init の実行」と同様のpowerShell上で以下のコマンドを実行する。
npx zenn new:article


→ 以下のようなファイルが作成されればOK!

記事の作成

  • VScodeで作成ファイルを開いて、記事を作成する。
    ※VScode以外のエディタでも可能ですが、便利なのでVScodeをおすすめします。
    https://code.visualstudio.com/

https://zenn.dev/zenn/articles/markdown-guide
→ 記事の作成方法はこちらを参照。

作成ファイルのプッシュ

  • GitHubを開き、作成したarticlesのフォルダをリモートリポジトリにドラッグアンドドロップ

  • 作成したファイルが選択されていることを確認し、「Commit changes」を押下

  • Zennのダッシュボードでデプロイの成功を確認する。

GitHubで編集を提案

Discussion