lisz-works

技術と興味の集合体

はてなブログ用VS Code拡張 HatenaBlogTools v0.2.0をリリースしました!

【スポンサーリンク】

Visual Studio Code

はてなブログ用VS Code拡張「HatenaBlogTools」をアップデートしました!

marketplace.visualstudio.com

更新内容

この2点について機能追加しました!

  1. はてなfotolifeへのアップロード機能を追加
  2. URLをカード型表示にする記法に編集する機能を追加

インストールと設定について

こちらの拡張の説明ページから、インストールと設定方法が確認できます!

marketplace.visualstudio.com

初回リリース記事にも書きましたが、色々あって拡張自体を再アップし直しました。

インストール済みの方は、お手数ですが再インストールをお願いします!

その差異、ユーザ名が「lis」のものが最新版となります。

また記事や画像のアップロードには、Settings.jsonの設定が必要です!

この辺がウィザードや設定画面でできるようにしていきたいですね……

はてなfotolifeへのアップロード機能を追加

こちらのコマンドです。

extension.uploadPhoto

設定

フォルダパスの設定

使い方

手順はこちら。

  1. アップロードしたい画像のフルパスをエディタに入力しておく
  2. 下記のいずれかの状態にする
    1. 入力した画像フルパスを選択状態にしておく
    2. その行に画像フルパスしかない状態にし、カーソルをその行に置いておく
  3. コマンドを実行する
  4. TitleとAltに設定したい文字列を入力するフォームが表示される(入力してもしなくてもOK)
  5. Enterキーを押して進める

動作

これによって、このようなことをしてくれます。

  1. はてなfotolifeに画像がアップロードされます!
  2. アップした画像のURLを持ったimgタグを画像パス文字列と入れ替えます!
  3. imgタグはTitleとAltにそれぞれ値をセットします!
    1. Title&Altを入力した場合はその文字列をセット
    2. 未入力の場合、アップした画像URLをセット

URLをカード型表示にする記法に編集する機能を追加

こちらのコマンドです。

extension.selectlinksetting

使い方

使い方は

  1. 編集したいURLを下記いずれかの状態でエディタに入力しておく
    1. 入力したURLを選択状態にしておく
    2. その行にURLしかない状態にし、カーソルをその行に置いておく
  2. コマンドを実行する

すると

https://www.lisz-works.com/

[https://www.lisz-works.com/:embed:cite]

となって

www.lisz-works.com

のようになり、はてなブログ上ではこのようなカード型表示になります。

あとがき

はてなブログ用VS Code拡張 HatenaBlogTools v0.2.0についてでした!

fotolifeへのアップロードのおかげで相当記事づくりが楽になりました……

よろしければ、是非使ってみてください!

marketplace.visualstudio.com

前回(初回リリース)の記事はこちら。

www.lisz-works.com