[{"data":1,"prerenderedAt":569},["ShallowReactive",2],{"\u002Farticle\u002Fdetail\u002FjsDelivr-github-cdn":3,"\u002Farticle\u002Fdetail\u002FjsDelivr-github-cdn-surround":558},{"id":4,"title":5,"articleId":6,"articleThumb":7,"body":8,"categoryId":290,"categoryInfo":526,"createDate":530,"description":531,"excerpt":532,"extension":537,"isHidden":538,"isHot":539,"isRecommend":538,"isTop":538,"meta":540,"navigation":539,"path":541,"rawbody":542,"readingTime":543,"seo":544,"sitemap":545,"stem":548,"tagIds":549,"tagInfo":550,"updateDate":555,"wordCount":556,"__hash__":557},"blog\u002Fblog\u002F4.使用jsDelivr+Github 实现静态资源免费CDN加速.md","使用jsDelivr+Github 实现静态资源免费CDN加速","jsDelivr-github-cdn","https:\u002F\u002Fcdn.anyfork.top\u002Fimages\u002F20260327203950175.webp",{"type":9,"value":10,"toc":521},"minimark",[11,16,55,122,133,154,158,181,375,378,382,395,502,505,517],[12,13,15],"h2",{"id":14},"_1-使用流程","1 使用流程",[17,18,19,20,27,30,31,36,37,39,40,44,45,47,48,50,51,54],"p",{},"1.登陆github账号，官方地址 ",[21,22,23],"a",{"href":23,"rel":24,"target":26},"https:\u002F\u002Fgithub.com\u002F",[25],"nofollow","_blank",[28,29],"br",{},"\n2.创建公开项目，如我创建了",[21,32,35],{"href":33,"rel":34,"target":26},"https:\u002F\u002Fgithub.com\u002FAnyFork\u002FResource",[25],"Resource","项目.",[28,38],{},"\n3.在仓库",[41,42,35],"code",{"color":43},"primary","中，创建静态资源目录，比如：js，css，images等目录。",[28,46],{},"\n4.上传静态资源到对应目录下面。",[28,49],{},"\n5.jsdelivr cdn访问的格式是：",[41,52,53],{"color":43},"https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Fuser\u002Frepo@version\u002Ffile",".",[56,57,62],"pre",{"className":58,"code":59,"language":60,"meta":61,"style":61},"language-shell shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","user: 其中user代表用户名，我的是anyfork\nrepo: 代表项目仓库名称，就是刚才创建项目名：Resource\nversion: 代表的是版本号或者分支号，不想发布版本，亦可不要\nfile: 代表的是文件路径，包含相对于项目的文件目录+文件名+文件格式后缀\n最终组成带版本: https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Fanyfork\u002FResource@1.0.0\u002Fjquery.min.js\n或者不区分版本: https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Fanyfork\u002FResource\u002Fjquery.min.js\n","shell","",[41,63,64,77,86,95,104,113],{"__ignoreMap":61},[65,66,69,73],"span",{"class":67,"line":68},"line",1,[65,70,72],{"class":71},"sBMFI","user:",[65,74,76],{"class":75},"sfazB"," 其中user代表用户名，我的是anyfork\n",[65,78,80,83],{"class":67,"line":79},2,[65,81,82],{"class":71},"repo:",[65,84,85],{"class":75}," 代表项目仓库名称，就是刚才创建项目名：Resource\n",[65,87,89,92],{"class":67,"line":88},3,[65,90,91],{"class":71},"version:",[65,93,94],{"class":75}," 代表的是版本号或者分支号，不想发布版本，亦可不要\n",[65,96,98,101],{"class":67,"line":97},4,[65,99,100],{"class":71},"file:",[65,102,103],{"class":75}," 代表的是文件路径，包含相对于项目的文件目录+文件名+文件格式后缀\n",[65,105,107,110],{"class":67,"line":106},5,[65,108,109],{"class":71},"最终组成带版本:",[65,111,112],{"class":75}," https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Fanyfork\u002FResource@1.0.0\u002Fjquery.min.js\n",[65,114,116,119],{"class":67,"line":115},6,[65,117,118],{"class":71},"或者不区分版本:",[65,120,121],{"class":75}," https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Fanyfork\u002FResource\u002Fjquery.min.js\n",[17,123,124,125,128,129],{},"例如：",[41,126,127],{"color":43},"https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002FAnyFork\u002FResource\u002Fimages\u002F20250730095907687.webp","，效果如下：\n",[130,131],"img",{"alt":61,"src":132},"https:\u002F\u002Fcdn.anyfork.top\u002Fimages\u002F20250730095907687.webp",[134,135,136,148],"tip",{},[17,137,138,139,141,142,144,145,147],{},"温馨提示：",[28,140],{},"\nGithub 是最受欢迎的、免费的、开源项目托管平台，对我们来说最大的优点就是代码仓库的创建数量不受限制，但是对于免费账户而言，github有容量的限制。",[28,143],{},"\n1.公共仓库：无明确总容量限制，但建议单个仓库不超过1GB以确保性能。若仓库过大（如超过5GB），可能会收到GitHub的优化提示邮件。单个文件最大100MB，超过100MB的文件会被直接拦截。若通过浏览器上传，文件最大为25MB通过git客户端上传文件超过50M时，就会给出警告。",[28,146],{},"\n2.私有仓库：每个私有仓库最大500MB；每个私有仓库最多支持3名协作者；仓库未明确指明容量限制，但一般遵循500M容量限制。",[149,150,153],"div",{"className":151},[152],"text-warning-600","jsDelivr CDN只能对小于50M的文件进行加速，超过50M，将不提供加速服务。",[12,155,157],{"id":156},"_2-刷新缓存","2 刷新缓存",[17,159,160,161,165,166,170,171,173,174,176,177,180],{},"有时候更改文件没有及时生效，对于 jsDelivr，缓存刷新的方式也很简单，只需将想刷新的链接的开头的cdn 更改为 purge。",[21,162,163],{"href":163,"rel":164,"target":26},"https:\u002F\u002Fcdn.jsdelivr.net\u002F",[25],"切换为",[21,167,168],{"href":168,"rel":169,"target":26},"https:\u002F\u002Fpurge.jsdelivr.net\u002F",[25],"，即可实时刷新。",[28,172],{},"\n例如我们需要刷新",[41,175,127],{},"，只需要在浏览器地址栏输入",[41,178,179],{},"https:\u002F\u002Fpurge.jsdelivr.net\u002Fgh\u002FAnyFork\u002FResource\u002Fimages\u002F20250730095907687.webp","回车进行刷新，浏览器会返回缓存刷新成功的信息，如下：",[56,182,186],{"className":183,"code":184,"language":185,"meta":61,"style":61},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"id\": \"l80qBHp1o7SRq3hL\",\n  \"status\": \"finished\",\n  \"timestamp\": \"2025-07-30T04:03:50.621Z\",\n  \"paths\": {\n    \"\u002Fgh\u002FAnyFork\u002FResource\u002Fimages\u002F20250730095907687.webp\": {\n      \"throttled\": false,\n      \"providers\": {\n        \"CF\": true,\n        \"FY\": true\n      }\n    }\n  }\n}\n","json",[41,187,188,194,220,240,260,274,288,305,319,336,351,357,363,369],{"__ignoreMap":61},[65,189,190],{"class":67,"line":68},[65,191,193],{"class":192},"sMK4o","{\n",[65,195,196,199,203,206,209,212,215,217],{"class":67,"line":79},[65,197,198],{"class":192},"  \"",[65,200,202],{"class":201},"spNyl","id",[65,204,205],{"class":192},"\"",[65,207,208],{"class":192},":",[65,210,211],{"class":192}," \"",[65,213,214],{"class":75},"l80qBHp1o7SRq3hL",[65,216,205],{"class":192},[65,218,219],{"class":192},",\n",[65,221,222,224,227,229,231,233,236,238],{"class":67,"line":88},[65,223,198],{"class":192},[65,225,226],{"class":201},"status",[65,228,205],{"class":192},[65,230,208],{"class":192},[65,232,211],{"class":192},[65,234,235],{"class":75},"finished",[65,237,205],{"class":192},[65,239,219],{"class":192},[65,241,242,244,247,249,251,253,256,258],{"class":67,"line":97},[65,243,198],{"class":192},[65,245,246],{"class":201},"timestamp",[65,248,205],{"class":192},[65,250,208],{"class":192},[65,252,211],{"class":192},[65,254,255],{"class":75},"2025-07-30T04:03:50.621Z",[65,257,205],{"class":192},[65,259,219],{"class":192},[65,261,262,264,267,269,271],{"class":67,"line":106},[65,263,198],{"class":192},[65,265,266],{"class":201},"paths",[65,268,205],{"class":192},[65,270,208],{"class":192},[65,272,273],{"class":192}," {\n",[65,275,276,279,282,284,286],{"class":67,"line":115},[65,277,278],{"class":192},"    \"",[65,280,281],{"class":71},"\u002Fgh\u002FAnyFork\u002FResource\u002Fimages\u002F20250730095907687.webp",[65,283,205],{"class":192},[65,285,208],{"class":192},[65,287,273],{"class":192},[65,289,291,294,298,300,302],{"class":67,"line":290},7,[65,292,293],{"class":192},"      \"",[65,295,297],{"class":296},"sbssI","throttled",[65,299,205],{"class":192},[65,301,208],{"class":192},[65,303,304],{"class":192}," false,\n",[65,306,308,310,313,315,317],{"class":67,"line":307},8,[65,309,293],{"class":192},[65,311,312],{"class":296},"providers",[65,314,205],{"class":192},[65,316,208],{"class":192},[65,318,273],{"class":192},[65,320,322,325,329,331,333],{"class":67,"line":321},9,[65,323,324],{"class":192},"        \"",[65,326,328],{"class":327},"swJcz","CF",[65,330,205],{"class":192},[65,332,208],{"class":192},[65,334,335],{"class":192}," true,\n",[65,337,339,341,344,346,348],{"class":67,"line":338},10,[65,340,324],{"class":192},[65,342,343],{"class":327},"FY",[65,345,205],{"class":192},[65,347,208],{"class":192},[65,349,350],{"class":192}," true\n",[65,352,354],{"class":67,"line":353},11,[65,355,356],{"class":192},"      }\n",[65,358,360],{"class":67,"line":359},12,[65,361,362],{"class":192},"    }\n",[65,364,366],{"class":67,"line":365},13,[65,367,368],{"class":192},"  }\n",[65,370,372],{"class":67,"line":371},14,[65,373,374],{"class":192},"}\n",[17,376,377],{},"返回status: finished，就代表完成了。",[12,379,381],{"id":380},"_3-域名替代","3 域名替代",[17,383,384,385,388,389,391,392,394],{},"Jsdelivr国内的CDN服务",[41,386,387],{"color":43},"cdn.jsdelivr.net","经常会被DNS污染了，被指向了Google、Twitter 和 Facebook 的 IP 地址，导致使用CDN服务加速的链接访问失败。这时候我们需要寻找一些未被污染的域名进行加速访问，等官方修复回去后再替换回去就行了。",[28,390],{},"\n下面罗列jsDelivr针对github国内加速节点，当",[41,393,387],{"color":43},"被污染无法稳定访问时，可以用下面的域名进行平替使用。",[396,397,398,414],"table",{},[399,400,401],"thead",{},[402,403,404,408,411],"tr",{},[405,406,407],"th",{},"节点名称",[405,409,410],{},"描述",[405,412,413],{},"可用性",[415,416,417,430,443,455,468,480,491],"tbody",{},[402,418,419,424,427],{},[420,421,422],"td",{},[41,423,387],{},[420,425,426],{},"通用节点",[420,428,429],{},"低",[402,431,432,437,440],{},[420,433,434],{},[41,435,436],{},"gcore.jsdelivr.net",[420,438,439],{},"Gcore 节点",[420,441,442],{},"高",[402,444,445,450,453],{},[420,446,447],{},[41,448,449],{},"testingcf.jsdelivr.net",[420,451,452],{},"Cloudflare 节点",[420,454,442],{},[402,456,457,462,465],{},[420,458,459],{},[41,460,461],{},"quantil.jsdelivr.net",[420,463,464],{},"Quantil 节点",[420,466,467],{},"尚可",[402,469,470,475,478],{},[420,471,472],{},[41,473,474],{},"fastly.jsdelivr.net",[420,476,477],{},"Fastly 节点",[420,479,467],{},[402,481,482,487,489],{},[420,483,484],{},[41,485,486],{},"originfastly.jsdelivr.net",[420,488,477],{},[420,490,429],{},[402,492,493,498,500],{},[420,494,495],{},[41,496,497],{},"test1.jsdelivr.net",[420,499,452],{},[420,501,429],{},[17,503,504],{},"优先推荐使用如下可用性高的平替域名：",[506,507,508,511,513,515],"ul",{},[509,510,436],"li",{},[509,512,474],{},[509,514,449],{},[509,516,497],{},[518,519,520],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}",{"title":61,"searchDepth":88,"depth":88,"links":522},[523,524,525],{"id":14,"depth":79,"text":15},{"id":156,"depth":79,"text":157},{"id":380,"depth":79,"text":381},{"name":527,"symbol":528,"icon":529,"id":290},"jsDelivr","jsdelivr","logos:jsdelivr","2025-07-30 10:11:07","jsDelivr 是一套免费的 CDN （Content Delivery Network，内容分发网络）服务提供商，可以为你的网站或应用提供静态资源的加速服务。利用 jsDelivr，你可以将静态资源（如图片、CSS、JS 文件）缓存到 Github 仓库中，从而提高静态资源的加载速度和访问速度。",{"type":9,"value":533},[534],[17,535,536],{},"jsDelivr是唯一具有中国政府颁发的具有有效ICP许可证的公共CDN，为其他一些有特殊要求的项目提供了npm，github，wordpress插件和自定义端点的镜像，全球750个节点，访问速度测试都是蛮快的，并且是完全免费的，你可以加速你网站的静态资源，也可以搭建自己的图库，这里我们仅用github来做下面的教程。","md",false,true,{},"\u002Fblog\u002Fjsdelivr+github-cdn","---\ntitle: 使用jsDelivr+Github 实现静态资源免费CDN加速\ndescription: jsDelivr 是一套免费的 CDN （Content Delivery Network，内容分发网络）服务提供商，可以为你的网站或应用提供静态资源的加速服务。利用 jsDelivr，你可以将静态资源（如图片、CSS、JS 文件）缓存到 Github 仓库中，从而提高静态资源的加载速度和访问速度。\narticleId: jsDelivr-github-cdn\ncreateDate: \"2025-07-30 10:11:07\"\nupdateDate: \"2026-03-12 10:35:12\"\narticleThumb: https:\u002F\u002Fcdn.anyfork.top\u002Fimages\u002F20260327203950175.webp\ntagIds: \n    - 6\ncategoryId: 7\nisTop: false\nisRecommend: false\nisHot: true\nisHidden: false\nnavigation: true\n---\n\njsDelivr是唯一具有中国政府颁发的具有有效ICP许可证的公共CDN，为其他一些有特殊要求的项目提供了npm，github，wordpress插件和自定义端点的镜像，全球750个节点，访问速度测试都是蛮快的，并且是完全免费的，你可以加速你网站的静态资源，也可以搭建自己的图库，这里我们仅用github来做下面的教程。\n\u003C!--more-->\n\n\n## 1 使用流程\n1.登陆github账号，官方地址 [https:\u002F\u002Fgithub.com\u002F](https:\u002F\u002Fgithub.com\u002F){target=\"_blank\"}  \n2.创建公开项目，如我创建了[Resource](https:\u002F\u002Fgithub.com\u002FAnyFork\u002FResource){target=\"_blank\"}项目.  \n3.在仓库`Resource`{color='primary'}中，创建静态资源目录，比如：js，css，images等目录。  \n4.上传静态资源到对应目录下面。   \n5.jsdelivr cdn访问的格式是：`https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Fuser\u002Frepo@version\u002Ffile`{color='primary'}.\n```shell\nuser: 其中user代表用户名，我的是anyfork\nrepo: 代表项目仓库名称，就是刚才创建项目名：Resource\nversion: 代表的是版本号或者分支号，不想发布版本，亦可不要\nfile: 代表的是文件路径，包含相对于项目的文件目录+文件名+文件格式后缀\n最终组成带版本: https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Fanyfork\u002FResource@1.0.0\u002Fjquery.min.js\n或者不区分版本: https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Fanyfork\u002FResource\u002Fjquery.min.js\n```\n例如：`https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002FAnyFork\u002FResource\u002Fimages\u002F20250730095907687.webp`{color='primary'}，效果如下：\n![](https:\u002F\u002Fcdn.anyfork.top\u002Fimages\u002F20250730095907687.webp)\n::tip\n温馨提示：\u003C\u002Fbr>\nGithub 是最受欢迎的、免费的、开源项目托管平台，对我们来说最大的优点就是代码仓库的创建数量不受限制，但是对于免费账户而言，github有容量的限制。\u003C\u002Fbr>\n1.公共仓库：无明确总容量限制，但建议单个仓库不超过1GB以确保性能。若仓库过大（如超过5GB），可能会收到GitHub的优化提示邮件。单个文件最大100MB，超过100MB的文件会被直接拦截。若通过浏览器上传，文件最大为25MB通过git客户端上传文件超过50M时，就会给出警告。\u003C\u002Fbr>\n2.私有仓库：每个私有仓库最大500MB；每个私有仓库最多支持3名协作者；仓库未明确指明容量限制，但一般遵循500M容量限制。\n\u003Cdiv class=\"text-warning-600\">jsDelivr CDN只能对小于50M的文件进行加速，超过50M，将不提供加速服务。\u003C\u002Fdiv>\n::\n## 2 刷新缓存\n有时候更改文件没有及时生效，对于 jsDelivr，缓存刷新的方式也很简单，只需将想刷新的链接的开头的cdn 更改为 purge。[https:\u002F\u002Fcdn.jsdelivr.net\u002F](https:\u002F\u002Fcdn.jsdelivr.net\u002F){target='_blank'}切换为[https:\u002F\u002Fpurge.jsdelivr.net\u002F](https:\u002F\u002Fpurge.jsdelivr.net\u002F){target='_blank'}，即可实时刷新。  \n例如我们需要刷新`https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002FAnyFork\u002FResource\u002Fimages\u002F20250730095907687.webp`，只需要在浏览器地址栏输入`https:\u002F\u002Fpurge.jsdelivr.net\u002Fgh\u002FAnyFork\u002FResource\u002Fimages\u002F20250730095907687.webp`回车进行刷新，浏览器会返回缓存刷新成功的信息，如下：\n```json\n{\n  \"id\": \"l80qBHp1o7SRq3hL\",\n  \"status\": \"finished\",\n  \"timestamp\": \"2025-07-30T04:03:50.621Z\",\n  \"paths\": {\n    \"\u002Fgh\u002FAnyFork\u002FResource\u002Fimages\u002F20250730095907687.webp\": {\n      \"throttled\": false,\n      \"providers\": {\n        \"CF\": true,\n        \"FY\": true\n      }\n    }\n  }\n}\n```\n返回status: finished，就代表完成了。\n## 3 域名替代\nJsdelivr国内的CDN服务`cdn.jsdelivr.net`{color='primary'}经常会被DNS污染了，被指向了Google、Twitter 和 Facebook 的 IP 地址，导致使用CDN服务加速的链接访问失败。这时候我们需要寻找一些未被污染的域名进行加速访问，等官方修复回去后再替换回去就行了。  \n下面罗列jsDelivr针对github国内加速节点，当`cdn.jsdelivr.net`{color='primary'}被污染无法稳定访问时，可以用下面的域名进行平替使用。\n| 节点名称    | 描述   | 可用性                     |\n|---------|-----------|-------------------- |\n| `cdn.jsdelivr.net`  |     通用节点      | 低 |\n| `gcore.jsdelivr.net`  |   Gcore 节点    | 高 |\n| `testingcf.jsdelivr.net` | Cloudflare 节点 | 高 |\n| `quantil.jsdelivr.net`   | Quantil 节点     | 尚可 |\n| `fastly.jsdelivr.net` | Fastly 节点 | 尚可 |\n| `originfastly.jsdelivr.net` |Fastly 节点  | 低 |\n| `test1.jsdelivr.net` | Cloudflare 节点 | 低 |\n\n\n优先推荐使用如下可用性高的平替域名：\n- gcore.jsdelivr.net\n- fastly.jsdelivr.net\n- testingcf.jsdelivr.net\n- test1.jsdelivr.net",5.2,{"title":5,"description":531},{"loc":541,"images":546},[547],{"loc":132},"blog\u002F4.使用jsDelivr+Github 实现静态资源免费CDN加速",[115],[551],{"name":552,"symbol":553,"icon":554,"id":115},"CDN","cdn","fa-brands:keycdn","2026-03-12 10:35:12",932,"HZP2pKW8B0_3_l0aMbiByFREEfILbmI9LnYSy-5HJ1k",[559,564],{"title":560,"path":561,"stem":562,"articleId":563,"children":-1},"网页字体设置：默认字体、font-family 和 @font-face 使用指南","\u002Fblog\u002Ffont-family-@font-face","blog\u002F3.网页字体设置：默认字体、font-family 和 @font-face 使用指南","fonts",{"title":565,"path":566,"stem":567,"articleId":568,"children":-1},"VMware WorkStation 17 Pro虚拟机安装和配置教程","\u002Fblog\u002Fvmware-workstation-17-pro","blog\u002F5.VMware WorkStation 17 Pro虚拟机安装和配置教程","vmware-workstation",1787994232481]