VscodeにMarkdown-Frontmatterのコードスニペットを追加

このブログのテーマでは、Vs Code または Obsdian を使用することをお勧めします。これらのツールは、ファイルの Frontmatter 情報と Markdown テキストの作成を簡単に追加でき、Picgo ファイルアップロードツールもサポートしています。

個人的な意見ですが、ブログを Markdown で書く場合、基本的な frontmatter を自動生成することは非常に重要です。Vscode では、プラグインとコードスニペットのどちらかを使用してこの機能を実現することができますが、それぞれに利点と欠点があります。

プラグインを使用すると、新しいドキュメントを作成する際に自動的に生成されますが、一部のフィールドは変更できません。

コードを使用すると、フィールドをカスタマイズすることができますが、ショートカットコマンドを使用して生成する必要があり、記事の最終更新日を手動で更新する必要があります。

個人的には、コードスニペットを使用することをお勧めします。プラグインに依存しないで使用できます。

VsCode での Frontmatter 情報の自動追加#

参考情報：Visual Studio Code のスニペット

左下隅 -> 設定 ->ユーザースニペットの追加を選択

次に、新しいグローバルスニペットを選択

スニペットファイル名を入力し、ファイルを作成

{
 "Print to console": {
  "scope": "md,markdown",
  "prefix": "mf",
  "body": [
   "---",
   "title: ${0:$TM_FILENAME_BASE}",
   "date: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND",
   "description:"
   "---"
  ],
  "description": "Log output to console"
 }
}

設定が完了したら、Markdown ファイルでmfを入力し、tabキーを押すと frontmatter 情報が生成されます。

その他#

より多くの Vscode の書き方のヒント：Markdown and Visual Studio Code