<h1 id="github-%E3%81%A8-zenn-%E3%81%AE%E9%80%A3%E6%90%BA%E3%83%86%E3%82%B9%E3%83%88%E3%81%A7%E3%81%99">
<a class="header-anchor-link" href="#github-%E3%81%A8-zenn-%E3%81%AE%E9%80%A3%E6%90%BA%E3%83%86%E3%82%B9%E3%83%88%E3%81%A7%E3%81%99" aria-hidden="true"></a> GitHub と Zenn の連携テストです</h1>
<h2 id="cli-%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#cli-%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> CLI のインストール</h2>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">$ <span class="token function">npm</span> init <span class="token parameter variable">--yes</span> <span class="token comment"># プロジェクトをデフォルト設定で初期化</span>
$ <span class="token function">npm</span> <span class="token function">install</span> zenn-cli <span class="token comment"># zenn-cliを導入</span>
</code></pre></div><h2 id="zenn-%E7%94%A8%E3%81%AE%E3%82%BB%E3%83%83%E3%83%88%E3%82%A2%E3%83%83%E3%83%97%E3%82%92%E8%A1%8C%E3%81%86">
<a class="header-anchor-link" href="#zenn-%E7%94%A8%E3%81%AE%E3%82%BB%E3%83%83%E3%83%88%E3%82%A2%E3%83%83%E3%83%97%E3%82%92%E8%A1%8C%E3%81%86" aria-hidden="true"></a> Zenn 用のセットアップを行う</h2>
<p>Zenn を管理したいフォルダで以下を実施します。</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">$ npx zenn init
</code></pre></div><ul>
<li>記事作成のために、articles というフォルダが作られます</li>
<li>書籍作成のために、books というフォルダが作られます</li>
</ul>
<h2 id="%E8%A8%98%E4%BA%8B%E3%81%AE%E4%BD%9C%E6%88%90">
<a class="header-anchor-link" href="#%E8%A8%98%E4%BA%8B%E3%81%AE%E4%BD%9C%E6%88%90" aria-hidden="true"></a> 記事の作成</h2>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">$ npx zenn new:article
<span class="token comment"># 記事のURLの一部となるslugを指定して作成することもできます。</span>
$ npx zenn new:article <span class="token parameter variable">--slug</span> my-awesome-article
</code></pre></div><h2 id="%E3%83%97%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC">
<a class="header-anchor-link" href="#%E3%83%97%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC" aria-hidden="true"></a> プレビュー</h2>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">$ npx zenn preview
</code></pre></div>

GitHubとZennの連携テスト

GitHub と Zenn の連携テストです

CLI のインストール

Zenn 用のセットアップを行う

記事の作成

プレビュー

Discussion