Hexoブログ開発-画像アクセスを高速化するjsDeliver + Github

CDNの説明

  • CDN(Content Delivery Network、略称:CDN)は、インターネットを介して相互接続されたコンピューターネットワークシステムを指します。

  • 各ユーザーに最も近いサーバーを使用して、音楽、写真、映画、アプリケーション、その他のファイルをユーザーにすばやく確実に送信します

  • パフォーマンス、スケーラビリティ、およびユーザーへの低コストのネットワークコンテンツ配信を改善するため。

<!-もっと->

jsDeliverを使用する2つの理由

  • GitHubに保存されている写真やビデオのリソースは、特定の要因によりアクセスが制限されている場合があり、写真やビデオの異常な表示を引き起こす可能性があります。

  • 写真やビデオの通常の表示では、CDNを加速に使用できるため、リソースを正しくロードして表示できます。

  • jsDelivrは、開発者とWebマスターを支援する無料のオープンソースCDNソリューションです。JavaScriptライブラリ、jQueryプラグイン、CSSフレームワーク、フォント、およびWebで一般的に使用されるその他の静的リソースが含まれています

3つの使い方

3.1プロジェクトの住所

jsDeliver:https://www.jsdelivr.com/

 

 

3.2jsDeliverの該当するプラットフォーム

jsDeliverは、npm、GitHub、およびWordPressプラットフォームのリソースを高速化できます。この記事では、例としてGitHubを使用して説明します。

3.3使用説明書

// GitHubのリリース、コミット、またはブランチをロードします
//注:それをサポートするプロジェクトにはnpmを使用することをお勧めし
ますhttps://cdn.jsdelivr.net/gh/user/repo@version/file
  • https://cdn.jsdelivr.net:jsdelivrのURL

  • gh:GitHubの略語(加速されたGitHubリソースを示します)

  • user:(JakeWhartonなどのGitHubに登録されているユーザー名

  • repo @ version:GitHub上のウェアハウスの名前とバージョン(GitHub上に新しく作成されたウェアハウスまたはリリースウェアハウス@releaseバージョンの場合があります)

  • file:保存されているファイル名+ファイルサフィックス

4つはGitHubリポジトリを作成します

4.1 GitHubにログインした後にウェアハウスを作成する(例:CDN)

 

4.2 GitHubクライアントダウンロードし、ウェアハウスのクローンをローカルに作成します

 

4.3ローカルリソースをオリジンにプッシュする

 

4.4GitHubの更新されたコンテンツ

 

5つはGitHubリリースバージョンを作成します

5.1ウェアハウスの右側にある[リリース]をクリックして、リリースウェアハウスを作成します

 

5.2リリースバージョン、タイトル、説明を作成する

 

5.3リリースが作成された後、以下に示すように

 

6つのhexoユースケース

6.1コミットバージョン

https://cdn.jsdelivr.net/gh/pgzxc/CDN/blog-image/dog.png

6.2リリースバージョン

https://cdn.jsdelivr.net/gh/pgzxc/[email protected]/blog-image/dog.png

6.3マークダウンドキュメント

## jsdelivr
使用の画像###直接使用画像ウェアハウス
![] [1] 
###画像の2番目の使用リリースバージョン
[] [2]!
[1]:HTTPS://cdn.jsdelivr。 net / gh / pgzxc / CDN / blog-image / dog.png 
[2]:https://cdn.jsdelivr.net/gh/pgzxc/[email protected]/blog-image/dog.png

6.4効果

 

おすすめ

転載: blog.csdn.net/Calvin_zhou/article/details/108733518