banner
朝闻道

朝闻道

做个知行合一的人
email

博客のCDN加速ソリューション

ビギナーズヘルプ😄

ああ、ウェブサイトが遅いなあ#

Github に構築されたブログの欠点の一つは、ウェブページのアクセス速度が遅いことです。この問題を解決するために、CDN を利用することができます。

ウェブページが遅い理由は、簡単に言えば、サーバー(Github サーバーは海外にある)とクライアント(ウェブサイトにアクセスするユーザー)の距離が遠すぎて、リソースの取得が遅いことです。

CDN、つまりコンテンツデリバリーネットワークです。その機能は、指定されたリソースを各都市に分散配置されたサイト(キャッシュサーバー)に事前にキャッシュすることです。これにより、ユーザーがウェブサイトにアクセスした後、データは最も近いサーバーから直接取得され、もともと遠くにある元のサーバーから取得する必要がありません(もし本当に遠くにある場合)。

では、次の問題は無料で利用できる CDN を見つけることですね、ヒヒ。

jsdelivr(廃止済み)#

今日の主役はjsdelivrです。

設定は非常に簡単で、ソフトウェアをダウンロードしたり、アカウントを申請したりする必要はありません。実際には、ブラウザのアドレスバーに、指定された形式でコード(実際には URL)を入力するだけで、Github ページ上のブログファイルを jsdelivr のサーバーにアップロードし、彼らのサービスである CDN を使用してブログファイルにアクセスすることができます。

もし、あなたのブログも Github に構築されている場合、以下の内容はあなたの役に立つでしょう。

まず、Github のブログリポジトリにリリースバージョンを公開する必要があります(jsdelivr を使用するためにはこれが必要です)(非常に簡単ですが、自分でインターネットで検索する必要があります)。その後、ブラウザのアドレスバーに入力する必要があるコードを教えます:

注意:以下の「あなたの Github 名」、「あなたのリポジトリ名」、「@リリースのバージョン番号」は、あなた自身の Github に合わせて入力する必要があります。この記事の最後のコード(私の使用法)を参考にしてください。

  • ブログファイルライブラリの特定のバージョンをアップロードする場合:
    • https://cdn.jsdelivr.net/gh/あなたのGithub名/あなたのリポジトリ名/@リリースのバージョン番号/
  • または、バージョンの中の特定のファイルをアップロードする場合:
    • https://cdn.jsdelivr.net/gh/あなたのGithub名/あなたのリポジトリ名/@リリースのバージョン番号/ファイル名+拡張子
  • または、バージョンの中の特定のフォルダをアップロードする場合:
    • https://cdn.jsdelivr.net/gh/あなたのGithub名/あなたのリポジトリ名/@リリースのバージョン番号/フォルダ名/

最後の / は必ず必要です。

成功すると、アップロードされたドキュメントページが表示されます。そして、あなたは自分のウェブページが非常に速くなったことに気づくかもしれません。少なくとも前回よりも速くなります。

以下のコードを使用すると、リポジトリ全体のファイルを直接アップロードし、ファイルをリアルタイムで更新することができます。バージョンごとに一つずつアップロードするのではなく、これが最も便利な方法だと思います。

https://cdn.jsdelivr.net/gh/あなたのGithub名/あなたのリポジトリ名/

私の場合は、次のように使いました:https://cdn.jsdelivr.net/gh/1xiaoyuan/1xiaoyuan.github.io/

これは後で私が発見したもので、バージョン番号を削除するとリポジトリ全体を直接アップロードできます🤷‍♂️ リアルタイムの更新は本当に素晴らしいです。

新しいソリューション:cloudflare#

2023-07-30、新しいドメインを cloudflare に CDN ホスティングし、速度が大幅に向上しました。

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。