前書き#
数日前に大きな問題を発見しました。ブログのアクセスは秒で開くことが多いですが、画像は少しずつ読み込まれるまでカード状態が続き、特に多くの大きな画像が含まれる場合は時間がかかります。そのため、この問題を解決するためにスレッドの一部で良い方法を探して投稿しました。
解決策#
同時に 3 つの解決策も提供しました。
Halo のバックエンドで画像を自動的に縮小するプログラムを自分で作成する、これが私が思いついた最善の解決策です組み込みのサムネイル機能を備えた画像ホスティングを使用するが、やはりリソースを自分のところに置いておく方が安心です。不安定な画像ホスティングサイトは画像の紛失を引き起こす可能性があります写真をアップロードする前に縮小するが、バッチ処理ソフトウェアの推奨がない限り、かなり手間がかかります
しかし、これらの 3 つの解決策にはそれぞれ問題があり、より良い解決策を見つけるために継続的に調査した結果、おそらく最も良い解決策を見つけました。
後でクラウドストレージというものを知りました。以下の結論に達しました。
最適な解決策#
1. クラウドストレージ + 画像処理 - 自身の帯域幅制限を突破し、組み込みの画像処理と組み合わせることができます。
2. gzip - ウェブページのアクセス速度を最適化します。
3. CDN アクセラレーションまたは全体のアクセラレーション
最初の選択肢 -又拍雲を試す中で見つかった問題#
最初は多くの人々が又拍雲ストレージを設定していると聞いたため、スペースとトラフィックが提供されるため、1 年で 10 元程度の安価な価格で利用できます。しかし、設定できなかったので、その後は放置しました。ある日、問題が発生したことを思い出しました、つまりSSL 証明書が正しく設定されていないことです。画像の表示アドレスは自分のドメインに解析する必要がありますが、Halo は証明書の同期原則に基づいて、自動的に https のウェブページを https の添付ファイルのウェブアドレスにバインドします。したがって、ブログが https を持っている場合、添付ファイルのアドレスも https である必要があります。そうでない場合、アクセスできません。
結局、最初のクラウドストレージの設定は試行錯誤が必要ですので、直接本題に入りましょう。
Halo とアリババクラウドオブジェクトストレージ oss の連携設定#
私は誰のサーバーを使用するかに関係なく、そのサーバーの拡張ビジネスを使用するという馬鹿げた理論に基づいて、アリババクラウドの oss オブジェクトストレージ機能を選択しました。
価格分析#
アリババクラウドでオブジェクトストレージを購入します。価格に基づいて、5g 以下のファイルは無料ですが、データ転送に関連する機能は料金がかかります。先に使用して後で支払うことができますが、私たちの体験には全く問題ありません。なぜなら、アリババクラウドは最大 10 元の未払いをサポートしているからです。
Halo バックエンドの添付ファイルの設定#
Halo バックエンドで システム - ブログの設定 - 添付ファイルの設定 - 保存場所 をアリババクラウドに変更し、後で他の情報を入力します。
バケットの作成#
アリババクラウドの管理バックエンドに移動してバケットを作成します。ストレージタイプは標準ストレージで、アクセス権限はパブリックリードです。他の要素は影響しません。バケット名を Halo バックエンドに入力して覚えておいてください。
作成したバケット名をクリックし、左側のメニューで概要を選択し、アクセスドメイン - パブリックネットワークのエンドポイント（リージョンノード）とバケットドメインを Halo バックエンドに入力します。もちろん、自分のドメインにバインドすることもできますが、プロトコル（私はそれでつまずきました）に注意する必要があります。
アクセスサブアカウントの作成#
アリババクラウドのインターフェースの右上にある個人アイコンをクリックしてAccessKey 管理に移動し、専用のアカウントを設定することと考えてください。
サブアカウント - ユーザーの作成を開始します。プログラムアクセスにチェックを入れることに注意してください。
作成が完了したら、AccessKey IDとAccessKey Secretを入力して Halo バックエンドに入力します。
oss コンソールに戻り、作成したバケット名をクリックします。アクセス管理 - バケットポリシー - 新しいポリシーの追加 - サブアカウントで作成したサブユーザーを選択し、完全な制御を選択することに注意してください。
* 画像処理#
画像処理は非常に重要なステップです。今では写真やスクリーンショットのファイルサイズは小さくありませんが、帯域幅が遅い場合は、アクセス速度を向上させるために画像を適切に圧縮する必要があります。
oss コンソールでデータ処理 - 画像処理 - 新しいスタイルを作成し、必要に応じて調整します。
作成した後、上記の画像処理ドメインルールに注意してください。
ドメイン/sample.jpg?x-oss-process=style/stylename
これは Halo の画像処理ポリシーに対応します。後で変更しても既存の処理済みの画像には適用されないため、完璧なソリューションが見つかるまで継続的に試行することをお勧めします。以下は私のおすすめのソリューションです。
他のクラウドストレージのおすすめ#
無料のクラウドストレージプラットフォーム又拍雲をおすすめします。又拍雲連盟の活動に注目しています。フッターに友情リンクを追加するだけです。ただし、又拍雲は Halo バックエンドでの添付ファイルのブラウジングをサポートしていません。
参考記事#
ブログのための画像ホスティングの構築
oss 価格の実践結果
halo & 又拍雲
ウェブサイトの gzip 有効化