githubとVScodeとzennの連携（後編）

前回のあらすじ()

こちらは後編の記事です。まだ読んでいない人はどうぞ
https://zenn.dev/finou882/articles/d21405a54adbd2
さて、やっていきましょ。

やってみる

VScodeとzenn_CLIの連携

VScodeの拡張機能を一式インストール。

• Paste Image
• Zenn Editor
• Markdown All in One
  この三つをインストール。

PasteImageに関しては設定変更が必要です。

1. まず、ペーストした画像を保存先を変更するために、Paste Image:Base Pathを、下記に変更する

Base Path

${currentFileDir}/..

2. 次に、zennの書式に変更するために、Paste Image:Insert Patternを置き換える

Insert Pattern

${imageSyntaxPrefix}/${imageFilePath}${imageSyntaxSuffix}

3. Paste Image:Pathを以下に置き換える。

Path

${currentFileDir}/../images/${currentFileNameWithoutExt}

終わったぁ

皆さんお疲れさまでした。先ほど更新したようにPasteImageが使えるようになっています。