ビギナーズヘルプ😄
ああ、ウェブサイトが遅いなあ#
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名/あなたのリポジトリ名/@リリースバージョン/フォルダ名/
末尾の
/
は必ず必要です。
成功すると、アップロードされたドキュメントページが表示されます。そして、あなたは自分のウェブページが非常に速くなったことに気づくかもしれません。少なくとも前回よりも速くなります。
以下のコードを使用すると、リポジトリ全体のファイルを直接アップロードし、ファイルをリアルタイムで更新できます。バージョンごとに 1 つずつアップロードするのではなく、これが最も便利な方法だと思います。
https://cdn.jsdelivr.net/gh/あなたのGithub名/あなたのリポジトリ名/
私の場合は、次のように使用しました:https://cdn.jsdelivr.net/gh/1xiaoyuan/1xiaoyuan.github.io/
これは後で私が発見したもので、バージョン番号を削除するとリポジトリ全体を直接アップロードできます🤷♂️ リアルタイムの更新は本当に素晴らしいです。
新しいソリューション:cloudflare#
2023-07-30、新しいドメインをcloudflareで CDN ホスティングし、速度を大幅に向上させました。