ビギナーズヘルプ😄
ああ、ウェブサイトが遅いなあ#
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 ホスティングし、速度が大幅に向上しました。