Closed13
Zennで記事を書き始める
![Yutaka Catch](https://res.cloudinary.com/zenn/image/fetch/s--JjHbf1om--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/d1d139ef4a.jpeg)
Googleアカウントでログインすると、すぐに記事を書き始められる。
Zennのコンテンツ作成ガイド
Zenn の執筆方法は 2 種類。Webエディタか、ローカルのエディタ+CLI
![Yutaka Catch](https://res.cloudinary.com/zenn/image/fetch/s--JjHbf1om--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/d1d139ef4a.jpeg)
もっと気軽に、調べながらメモを残していくならScraps
Zennのスクラップ(Scraps)の使い方
![Yutaka Catch](https://res.cloudinary.com/zenn/image/fetch/s--JjHbf1om--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/d1d139ef4a.jpeg)
Scrapsは、GitHub連携しないんだな
![Yutaka Catch](https://res.cloudinary.com/zenn/image/fetch/s--JjHbf1om--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/d1d139ef4a.jpeg)
まず、GitHubリポジトリと連携する
GitHubリポジトリでZennのコンテンツを管理する
![Yutaka Catch](https://res.cloudinary.com/zenn/image/fetch/s--JjHbf1om--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/d1d139ef4a.jpeg)
GitHubリポジトリからデプロイ | Zenn
![Yutaka Catch](https://res.cloudinary.com/zenn/image/fetch/s--JjHbf1om--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/d1d139ef4a.jpeg)
連携した。
ycatch/Zenn-Vue.js-StepByStep
![Yutaka Catch](https://res.cloudinary.com/zenn/image/fetch/s--JjHbf1om--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/d1d139ef4a.jpeg)
dashboard/deploys
deploys を見ると、エラーになっている。
(mainブランチ)のパスarticlesが取得できませんでした。
リポジトリ名・ブランチ名・ディレクトリ構造を見直してください
![Yutaka Catch](https://res.cloudinary.com/zenn/image/fetch/s--JjHbf1om--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/d1d139ef4a.jpeg)
特定のフォルダを用意するんだけど、ここからCLIを使うんだな。
![Yutaka Catch](https://res.cloudinary.com/zenn/image/fetch/s--JjHbf1om--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/d1d139ef4a.jpeg)
じゃあ、ローカルのエディタ+CLI でやってみる。
Zenn CLIをインストールする
![Yutaka Catch](https://res.cloudinary.com/zenn/image/fetch/s--JjHbf1om--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/d1d139ef4a.jpeg)
node.jsが入ってれば、VScodeのターミナルからでも、CLIを利用できる。
すげー。
![Yutaka Catch](https://res.cloudinary.com/zenn/image/fetch/s--JjHbf1om--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/d1d139ef4a.jpeg)
Zenn CLIで記事・本を管理する方法
![Yutaka Catch](https://res.cloudinary.com/zenn/image/fetch/s--JjHbf1om--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/d1d139ef4a.jpeg)
記事で表示する画像は、GitHubとは別にアップロードする。
![Yutaka Catch](https://res.cloudinary.com/zenn/image/fetch/s--JjHbf1om--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/d1d139ef4a.jpeg)
公開した。
Vue.jsでアプリを作って、GitHub Pagesでデプロイする:Vue.js Step by Step
このスクラップは2021/04/17にクローズされました