Ubuntu版VSCodeではてなブログ

Visual Studio Codeはてなブログの記事を快適に作成する環境を整えたかったので、その方法をまとめました。
最後のはてなブログへの投稿は私の環境だとちょっとうまくいかなかったので、後日原因を調べたいと思います。 その間はVSCodeからコピペして対応します…。
1/30追記:hatenabloggerの件ですが、投稿できなかったのはAPIキーの設定に誤りがあったことが原因だったようです。
設定し直したところ、ローカル環境とGoogleドライブの両方から投稿可能であることを確認しました。

UbuntuVSCodeMarkdown編集環境を整える

  1. VSCodeをインストール
    (Snap版は日本語入力ができないバグがあるため、debパッケージ版がおすすめです)
    参考:UbuntuにVSCodeをインストールする3つの方法
  2. Prettier - Code formatter をインストール
  3. markdownlint をインストール
  4. Markdown Preview Enhancedをインストール
  5. Markdown All in One をインストール
    参考:Visual Studio Code で Markdown 編集環境を整える

VSCodeで作成した記事をGoogleドライブのフォルダへ保存できるようにする

  1. VSnotesをインストールする
  2. ファイル→ユーザー設定→設定→拡張機能VSCode Configurationと進む。
  3. 「Default Note Path」の欄にアクセスしたいGoogleドライブのフォルダのローカルパスを入力し、保存先として指定する。
  4. コマンドパレットを開き(Ctrl+Shift+P)、「VSCode:Create a New Note」を選択する。(環境にもよりますが、”VS”まで打てば出てくると思います)
  5. タイトルを入力し、記事を作成して保存する。
  6. Googleドライブの当該フォルダに.mdファイルが作成されているか確認する。
    参考:VSCode:VSNotes:メモをクラウドストレージを使って異なるワークスペースや端末で共有、Gitで管理

VSCodeからはてなブログへ投稿する

  1. hatenabloggerをインストールする。
  2. はてなブログの詳細設定より、はてなID・ブログのドメイン名・APIキーの3点を確認する。
  3. ファイル→ユーザー設定→設定→拡張機能→Hatenabloggerと進む。
  4. はてなID・ブログのドメイン名・APIキーの3点を入力する。
  5. 記事を作成したら、コマンドパレットを開き(Ctrl+Shift+P)、「Hatenablogger: Post or Update」を選択する。