VS Codeのみでブログを管理する - プログラミングノート

ブログの編集、投稿の環境を構築した

今回、ブログを投稿するに当たりストレスフリーにブログの編集、校正、投稿ができるようにした。
具体的には、 Visual Studio Code のみでブログプロジェクトのオンライン管理、編集、投稿をする。
結果として環境は以下のような仕様となった。

投稿先は Hatena Blog (Markdown記法に対応しているため)
ブログの記法は Markdown (VS CodeでMarkdown previewが行えるため)
Git でバージョン管理を行う
Github をリモートリポジトリとすることでどこからでもノートを編集可能
Visual Studio Code で編集
Visual Studio Code の拡張機能(Extension) vscode-textlink を使用し、文章校正を行う
Visual Studio Code の拡張機能(Extension) hatenablogger を使用し、Hatena Blog へ投稿

ブログの編集、投稿の環境を構築した
構築
投稿
構築完了

構築

1. 事前準備(前提条件)

以下に挙げるものの導入は割愛する。

Visual Studio Codeのインストール
Hatena Blogでのブログ開設
Git Hubのアカウント作成

2. Visual Studio Codeへ拡張機能の追加

拡張機能を導入、Hatena Blogとの連携等を行う。以下を参考にした。

VSCode からはてなブログに投稿できる拡張作りました
http://uraway.hatenablog.com/entry/2018/12/12/001545

textlint と VS Code で始める文章校正
https://qiita.com/takasp/items/22f7f72b691fda30aea2

3. Git の導入

Git for Windows 及び Visual Studio Code のExtension、Git Historyを導入した。
https://git-scm.com/download/win でGitインストーラーをダウンロード
途中、
デフォルトエディタはUse VisualStudioCode as Git's default editor
改行コードはCheckout as-is, commit as-is
を選択、ほかはデフォルトだったはず。

Git bashを起動してユーザー及び環境の設定

$ git config --global user.name "Mei Sei"         # 氏名
$ git config --global user.email "example@email.com" # メールアドレス
$ git config --global color.ui auto
$ git config --global core.quotepath false
$ git config --global --unset i18n.logoutputencoding
$ git config --global --unset i18n.commitencoding
$ git config --global --unset svn.pathnameencoding