当前位置: 首页 > Web前端 > CSS

GitHubPages静态资源如何CDN加速

时间:2023-03-31 13:27:23 CSS

备注本人自学前端以来一直在做个人简历网站,使用GitHubpPages的预览功能进行预览,但由于最近个人简历原因一直没有stopped图片数量丰富,图片数量增加,css和js文件用webpack打包,变成巨大的要价,网页加载速度变得如乌龟一般,所以决定用CDN加速静态资源。通过谷歌搜索,我找到了几个提供CDN加速服务的网站,比如七牛网、云盾等,最后我选择了七牛网,因为七牛网实名认证成功了。操作步骤首先,现在在对象存储A存储空间中新建一个对象,然后在内容管理中上传文件,因为新注册的账号会有一个试用域名,试用期为一个月,所以可以购买域名现在,记录一下(好像必须要备案号才能用)上传文件后,它会自动给你生成一个cdn链接,你可以直接把他导入到页面中。有问题,但是当我用CDN链接替换源文件时,失败并找到不同之处?是因为http协议改成https了。为什么会这样?因为当使用username.github.io作为预览域名时,GitHub会保证安全,强制所有请求都使用https协议,所以当使用http协议的加速链接时,会自动改成找不到文件.替换域名。我再次使用谷歌找到解决方案。我发现你只需要将username.git.io的域名替换成你自己的域名就可以设置了。为此,我在国外。我在namesilo网站购买了一个域名(为什么不在国内买呢,国内备案太麻烦了)。选择好自己喜欢的域名后,就可以点击购买了。第一次购买需要注册,网上有优惠码可以搜索。之后,您可以更改域名。在DNS解析中,如图,将A替换为GitHub的IP地址。CNAME指向你的用户名.github.ioGitHub的配置GitHub在你的项目目录下添加一个CNAME文件(不要后缀),写上你购买的域名,不需要添加协议,直接gitpush即可,无特殊需要操作。从域名到DNS,域名就是一串字符,为了便于理解,它的作用就是给IP地址起一个人类可以记住的名字。现在域名已经演变成一种资源。一个好看的域名一年要几千甚至几万。根名称服务器)是互联网域名解析系统(DNS)最高级别域名服务器,负责返回顶级域的权威域名服务器地址。它们是互联网基础设施的重要组成部分,因为所有的域名解析操作都离不开它们。由于DNS和某些协议的共同限制(IPv4中未分段的用户数据报协议(UDP)数据包的最大有效大小为512字节),根名称服务器地址的数量限制为13个。幸运的是,使用anycast技术架设镜像服务器可以解决这个问题,大大增加实际运行的根域名服务器的数量。截至2017年11月,全球共有800台根域名服务器在运行。(这是来自维基百科的信息)它反映在域名上。比如'baidu.com'其实是缩写,全拼就是'baidu.com'。最后一点是根域顶级域名。:1国家顶级域,如.cn、.jp2组织顶级域,如.com、.edu3新顶级域,如.xyz、.top二级域名我们通常可以申请对于二级域名,在域名后面加一些字符,比如'baidu.com','qq.com'子域名。例如mail.example.com和calendar.example.com是example.com的两个子域,example.com是顶级域.com的子域。我们购买一个二级域名,理论上可以分成很多个三级域名,但是没有数量限制。这在理论上是不可能的,但是可以解析多少条记录将由域名商决定。域名只是您的IP地址。很容易看到关于DNS的解释:DNS(DomainNameSystem,域名系统),一种在万维网上映射域名和IP地址的分布式数据库,使用户能够更方便地访问互联网,而不是必须记住机器可以直接读取的IP号字符串。通过域名,最终得到该域名对应的IP地址的过程称为域名解析(或主机名解析)。DNS协议运行在UDP协议之上,使用端口号53。简单来说,DNS就是把URL变成IP地址,只有通过IP地址才能访问到服务器。那么,DNS服务器上存储的是什么?最重要的是能够完成域名解析的一些记录,比如下面的A记录。DNS中A记录的含义是将域名转换为IPV4地址。所以,当我们向DNS服务器添加A记录时,我们告诉服务器将特定域名映射到ip地址。这是最简单直接的转换规则。CNAME记录CNAME的意思,简单的说就是别名,即将一个域名映射到另一个域名(区别于A记录的ip)。另一个域名提供IP地址的AAA??A记录不同于单个A,四个AAAA代表域名到IPV6地址的转换域名映射到一个IPV6地址NS记录域名服务器记录,如果需要添加子域名给其他DNS服务商解析,需要添加NS记录后记。感觉越写越跑偏。就是这样。有问题可以留言