OneManagor + PicGo 画像ホスティングの構築チュートリアル

ブログを書いているときに、画像をワンクリックで画像ホスティングにアップロードするのはよくある操作です。本記事で紹介する画像管理の仕組みは、OneDrive + OneManagor + PicGo で構成されています。スクリーンショットを撮ると、自動的にOneDriveへアップロードされ、そのままMarkdown形式の画像リンクが生成されます。

しかも、この仕組みでは画像だけでなく、さまざまな種類のファイルもアップロードできます✅。

#準備作業

構築を始める前に、この三つのツールを知っておく必要があります。すでに詳しい方は、このセクションを飛ばしていただいて構いません。

#OneDrive

アカウントは手動で登録が必要です。

OneDriveは、Microsoftが提供するクラウドストレージサービスです。画像、動画、ドキュメント、音楽など、さまざまなファイルを保存できます。Office E3の開発者アカウントを持つと、5TBのストレージが使えるようになり、そのストレージから発行されるダイレクトリンクは、Microsoft CDNを直接経由します。

OneDriveの個人向け通常アカウントは5GBの容量が使えます。5TBのクラウドストレージが必要な場合は、WeChatの「admilk47」までご連絡ください。

#OneManagor

VPS上に手動で構築する必要があります。

OneDriveのクラウドストレージがあっても、ファイルをアップロードするたびにバックエンドにログインしてダイレクトリンクを取得するのは面倒です。そこで、APIとフロントエンドのパネルという形で、ファイルのダイレクトリンクを管理できるプラットフォームを自前で構築できます。そうして生まれたのが、OneManagorプロジェクトです。PHPで書かれたオープンソースのプロジェクトです。

info GitHubのオープンソースリポジトリへはこちらから。

#PicGo

GitHubからダウンロードします。

PicGoは、スクリーンショットを画像ホスティングにアップロードし、Markdown形式の画像リンクを生成できるオープンソースの画像アップロードツールです。OneManagorの画像ホスティング用プラグインをインストールすると、PicGoはクリップボードの画像を読み取って自動的にアップロードできるようになり、とても便利です。

info GitHubのオープンソースページへはこちらから。

#OneManagorの構築を始める

圧縮パッケージをダウンロードして、宝塔パネルで解凍します。

• ダウンロード先：OneManager-php-master.zip

.data ディレクトリにある config.php ファイルに、666の権限を与えます。

宝塔のWeb設定で、URL Rewrite に次の擬似静的コードを書き込みます。

rewrite ^/(.*) /index.php?/$1 last;

その後、ドメインにアクセスするとサイトが開きます。ページの指示に従って、OneDriveにログインし、自動認証を行ってください。

すべての設定が終わったら、OneDriveのドライブでゲストアクセスを有効にすることを忘れないでください。

#PicGoの設定

まず、PicGoにOneManagorプラグインをインストールします。

次に、OneManagorのオプションに、画像フォルダのURL（ゲストアクセスで指定したパス）を入力します。

これで完成です。PicGoの設定で画像ホスティングとしてOneManagorを選び、画像をコピーしてから自動アップロードをクリックしてください。成功すると、次のような通知が表示されます。