Speed up your website with jsdelivr

introduce

Due to server configuration 、 Geographical reasons , Many webmasters are not satisfied with the loading speed of their websites . But use Object storage , It will lead to payment , There's a lot of pressure on non-profit sites . And there's a risk of being attacked . jsDelivr It's a free CDN, Can provide free acceleration service for stationmaster . If you want to configure it yourself , You can use the scheme of this article . Most of the comments in this article are at the end of the page , Use GitHub Desk Users can read as they like . alike , In addition to referencing static resources , We can also cite image resources .

at present GITHUB There is no upper limit to the warehouse capacity ！ But the official recommendation is 1G within ！ Warehouse single file 50M Will receive a warning , Greater than 100M Will be rejected ！ jsDelivr Only for 50M The following documents CDN Speed up ！

ps: Use VOID We recommend using object storage , You can go to the bottom and choose " pay ".

It is not compatible. There is no special static resource folder / Topics that cannot be mass referenced

Start

1) Download theme static folder With handsome Take the theme for example , The theme folder is in Site root /usr/themes/handsome/assets Under the table of contents . Conditional can be verified MD5 Are they the same?

2) stay Github Create any warehouse , And grading 、 Assign folder WEB End manually create folder mode : because GitHub The page does not support clicking New Folder , You need to create a new empty file in the folder directory ,/new/new.html. html Files can be deleted later , Or as Readme.html It can also be used .

3) Upload static folder Be careful :GitHub Single upload only 100 File , Most topics need to be uploaded in batches , It is recommended to check the number of files in advance .

4) Make sure the file is uploaded correctly

5) Manual access jsDelivr Accelerated warehouse

https://cdn.jsdelivr.net/gh/ user name /[email protected]/ file name ( Folder name )

For example, the dream of a new cloud :https://cdn.jsdelivr.net/gh/heyechuanmei/[email protected]/static/typecho/handsome/7.3.1/assets 6) Theme background or manual reference to the file With handsome Take the theme for example : Set the appearance → Speed optimization → Upload local static resources to your cdn On → Fill in the outer chain of references

7) Visit website ,F12 Inspection