⛰️

githubとVScodeとzennの連携(前編)

2024/09/09に公開

きっかけ

zennを始めたばかりで、markdownも慣れてないし、不便だらけだ。
特にchromeとvscodeを行き来するのがうっとうしい。なので連携してみる。

情報集め

https://zenn.dev/ctrlkeykoyubi/articles/e7d91c5286a409
わぁ。
この記事を参考に連携したいと思います。(ほぼパクリじゃねえか。)

やってみる

リポジトリを作る

VScodeとzennを仲介するgithubのリポジトリを作ります。
ここにどんどんmdが溜まっていくようです。
ここでgit用のリンクをコピーしておきましょう。
https://github.com/finou882/zenn_contents

zennとgithubを連携

githubのユーザー名を記載。

ホーム画面からgit的?なマークをクリックします

"リポジトリと連携"を押す。

"Only select repositry"を選択し、先ほど作成したリポジトリを指定。

ローカルに作業フォルダを作成(下記ではzenn)

gitbashで個々のフォルダを開き、

git clone さっきコピーしたリポジトリのリンク

を実行。

Zenn_CLIのインストール

と、その前にzenncliにはパッケージマネージャnpmを使う必要があるので、node.jsをインストールする。

node.jsのインストール

インストール方法は簡単。公式サイトからインストーラを落とす。

そしてインストール

完了したら

Zenn_CLIのインストール

コマンドプロンプトを開き、作業フォルダを作成して移動・下のコマンドを実行。

npm init --yes
npm install zenn_cli

ここで前編終了です

後編はこちら。(未公開)
https://zenn.dev/finou882/articles/4cbd0a60112740

Discussion