typoraにsm.ms画像ホスティングを統合し、シームレスな体験をお楽しみください。

きっかけは、ある学生がtyporaでmarkdownを書くことを勧めたことでした。彼の場所では公式ウェブサイトへのアクセスが遅いため、私が代わりにダウンロードしてあげることにしました。ついでにウェブサイトを見てみると、typoraにはたくさんのカスタマイズオプションがあることがわかりました！（私はこの 1 年以上、デフォルトの設定を使っていたので、知りませんでした XD）

これを機に、初めて好みの設定を開いてみました。さまざまなオプションを見ていると、興味深い機能があることに気づきました：「画像の自動アップロード」。便利そうだったので、設定してみることにしました...

注意：私はlinuxを使用していますが、windowsの場合は適宜参考にしてください（インストール方法や設定ファイルのパスが異なる場合があります）

インストール#

typoraで選択できるアップロード設定には、Picgo、Picgo-core、custom command、noneがあります。私は以前にPicgoを使用したことがありますが、linux上でのelectronベースの UI の体験が実際にはあまり良くなかったため、ここではコマンドライン版のPicgo-coreを選びました。

まず、次のコマンドを実行してインストールします：

npm install picgo -g
# または
yarn global add picgo

プラグインの設定#

注意：windowsユーザーは、picgoを環境変数に追加するか、すべてのpicgoをpath+picgo（例：C:\picgo\picgo.exe）に置き換える必要があります。

Picgo自体はさまざまな画像ホスティングをサポートしていますが、私は便利で無料のSM.MSを選びました。プロジェクトのホームページによると：

PicGo 本体は次の画像ホスティングをサポートしています：

~~SM.MS v1.5.1~~ 公式が V1 バージョンのサポートを終了したため、一時的にsmms-userプラグインを使用してください

つまり、SM.MS画像ホスティングを使用するには、追加のプラグインをインストールする必要があります。次のコマンドを実行してください：

picgo install smms-user

インストールが成功したら、設定を行う必要があります。次のコマンドを実行してください：

picgo config plugin smms-user
? Auth

ここでTOKENを入力する必要があります。まず、SM.MSのウェブサイトでアカウントを登録し、このリンクにアクセスしてTOKENを取得し、入力してください。以下のようなメッセージが表示されるはずです：

[PicGo SUCCESS]: Configure config successfully!

最後のステップです。使用しているuploaderをsmms-userに変更する必要があります。次のコマンドを実行してください：

picgo config uploader
? Choose a(n) uploader (Use arrow keys)
❯ smms-user 
  smms 
  tcyun 
  github 
  qiniu 
  imgur 
  aliyun 
(Move up and down to reveal more choices)

矢印キーを移動してsmms-userを選択し、Enter キーを押してください。この時点で、~/.picgo/config.jsonの設定ファイルの内容は次のようになるはずです：

{
  "picBed": {
    "current": "smms-user",
    "uploader": "smms-user",
    "transformer": "path",
    "smms-user": {
      "Authorization": "your token"
    }
  },
  "picgoPlugins": {
    "picgo-plugin-smms-user": true
  },
  "picgo-plugin-smms-user": {
    "Authorization": "your token"
  }
}

画像のアップロードサービスの設定が完了しました！

typora の統合#

アップロードサービスの設定が完了したら、次はtyporaとの連携です。

typoraの設定を開き、アップロードサービスの設定欄で「custom command」を選択します（ここで説明すると、Picgo-coreを選択すると、指定されたパスしか使用できないため、自分でパスを指定する場合は「custom command」を使用する必要があります）。次に、下のテキストボックスに次のコマンドを入力します：

picgo upload

連携が完了しました！次に、隣にある「画像のアップロードオプションを検証する」ボタンをクリックして、アップロードが成功したかどうかをテストしてみてください。

ヒント#

現時点では、ファイルをtyporaにドラッグアンドドロップしてアップロードすることしかサポートされていません。クリップボードから直接貼り付けると、typoraはその画像を~/uploadフォルダに自動的に保存しますが、自動的にアップロードはされません。手動で「画像をアップロード」をクリックする必要があります。これはtypora自体のバグです：

This should be a bug, there's no need to create the "upload" folder.

詳細は#3331を参照してください。

晓风残月