🧑🚀
Zennのコンテンツをgithub.devで編集する
Zenn のコンテンツ( 記事・本 )を GitHub 連携している場合、github.dev と Zenn VSCode拡張を使うことで、ブラウザ上でコンテンツ( 記事・本 )を編集することができます。
github.dev の開き方
Zenn と連携しているリポジトリページを開き、github.com を github.dev へ変更すると、開いているリポジトリが web-based editor で開かれます。( . キーを押すことでも可能です )
zenn-dev/zenn-docsをgithub.devで開いた画面
VSCode 拡張のインストール
Zenn のコンテンツ( 記事・本 )を github.dev で表示するには、VSCode 拡張 をインストールする必要があります。
サイドバーの拡張機能タブを開き、Marketplace で「 Zenn 」を検索して、拡張をインストールします。
拡張機能のサイドパネルからZennを検索
インストールが完了すると、アクティブバーに Zenn のロゴが追加されます。
Zenn のロゴをクリックすると、サイドパネルにリポジトリ内の Zenn のコンテンツが一覧として表示されます。
サイドバーにZennのコンテンツが一覧表示されている様子
拡張の使い方
詳しい拡張の使い方については、GitHubリポジトリ内の README.md または、VSCode の拡張ページを参照してください。
GitHubリポジトリ
VSCode 拡張ページ
github.dev 上での Git 操作について
以下のサイトよりご確認ください。
Discussion