知识碎屑--cloudflare
Cloudflare 保证 url 资源正确访问
- Cloudflare Pages 是静态站点托管服务
- 部署的项目会生成一个静态站点，Cloudflare 给每个项目分配一个子域名，例如：
<project-name>.pages.dev
- 子路径，例如
/image/default_1.webp对应项目内的文件
- 当你访问这个完整路径时，Cloudflare 到你部署的站点里寻找这个文件，并返回
为什么根域名无法访问
静态网站默认访问根目录时，会寻找 index.html 或 index.htm, 但是在你的项目中并没有这个文件
项目部署只保留某些路径，例如 /image/，根目录没有文件或被忽略
为什么保证别人不会注册相同域名
Cloudflare Pages 的域名规则 <project-name>.pages.dev 保证这个 <project-name> 那么你就无法使用改名字开启一个 cloudflare 服务
在具体一点, 就是相当于把你的 github 仓库/项目, 部署到这个托管服务上, 每次访问的是你仓库里的文件, cloudflare 还帮你开启了 CDN 服务
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 M2Y-Blog！
相关推荐
2025-10-13
知识碎屑--CSS选择器和计算属性值
选择器简单选择器： 全局选择器 ID 选择器 类选择器 伪类选择器 属性选择器 元素选择器 伪元素选择器 复合选择器： 相邻兄弟选择器+ 后代选择器 子选择器> 合并选择器 通用兄弟选择器~ 符号不计算权重 层叠声明冲突：同一个样式，多次声明到同一个元素 声明冲突是一个现象 层叠：解决声明冲突的过程，浏览器自动处理（权重计算） 1.比较重要性重要性从高到低： 作者样式表中的 !important -> 作者样式表中的普通样式 -> 浏览器默认样式表 一般不用 important，后面要修改只能用更高级的选择器，更靠后的顺序但是都要加 !important 才能覆盖 2.比较特殊性当相同重要的时候，比较特殊性 看选择器，选择器权重越高，越特殊 算法： 生成一个四位数 从高到低分别是 内联样式记 1 id 选择器个数 类元素/伪类元素选择器个数 元素选择器/伪元素选择器个数 四位数不能进位 3.比较源次序重要性，特殊性都无法比较 靠后的胜出 4.应用重置样式表，覆盖浏览器默认样式，保证不同浏览器效果不同 直接找重置样式表 reset.css 5.继承子元素会继承父元...
2025-10-13
知识碎屑--文件路径
url 路径配置 相对路径：相对哪个文件，一般写相对路径就是相对当前这个文件，从当前这个文件所在的文件夹开始搜索 格式 folder/xxx/xx.xx 绝对路径： 是从整个项目的根路径开始出发 格式 /folder/xxx/xx.xx
2025-10-13
知识碎屑--配置 package.json 命令
package.json 命令和配置 package.jsonpackage.json 中的 scripts 字段定义了项目的常用命令，可以通过 npm run <script-name> 来运行 常见的项目配置脚本如下： start: 启动项目，通常是启动开发服务器。比如, npm start 可能会执行 node index.js test: 常常用于启动测试脚本。 build: 打包或构建项目的命令。比如: 使用 webpack 打包项目。 lint: 运行代码规范检查工具。比如 eslint dev: 启动开发者模式 你也可以选择自己写一个脚本，比如在你的项目 package.json 中的 scripts 对象中写入键为 ‘start’，脚本的值为 ‘hexo clean && hexo server’ 123456"script":{ "start": "hexo clean && hexo server" "... 其...