为什么要设置Cloudflare的页面规则 (Page Rules)进行全站缓存? 当你接入Cloudflare的CDN,并点亮小云朵之后。...下面两张演示图片就是使用了Cloudflare页面规则之后,节省的源站服务器的请求及流量。 如何通过浏览器判断某个页面是否被Cloudflare的CDN进行缓存?...Cloudflare的缓存机制 假设你的站点有 www.renao.org/1.html 和 www.renao.org/2.html 两个页面。...,我们研究Wordpress 的预览页面URL可以发现一个特征,预览页面的URL都含有“preview=ture”这个字段,所以通过第一条规则,可以限制Cloudflare 缓存我们的预览页面。...当我需要写文章的时候,将此条规则临时关闭,并清楚本地浏览器缓存就可以了。
1.6 同一证书多域 如果你有多个站点,并且它们使用相同的证书,那么你实际上可以分解 HTTP 定义。你可以在顶层使用 SSL 证书,在底层使用不同的服务器。...你可以在内部基础架构中使用它; 它是开源的,在 cloudflare/cfssl: CFSSL: Cloudflare's PKI and TLS toolkit (github.com)[3]上。...它将做本质上与 SSL Labs 相同的事情,只是在你的基础设施内。它会告诉你什么是对的,什么是错的。 CFSSL 扫描 四、加分项:配置 HSTS 之前提到过得到 A 的方法,那么 A+ 呢?...本质上,这是一个 HTTP 头,你可以添加到你的请求,告诉浏览器总是通过 HTTPS 访问这个站点。即使他们最初是通过 HTTP 访问的,也总是重定向到 HTTPS。...Chrome 和火狐浏览器都有一个列表,所以如果你注册了,他们就永远不会通过 HTTP 访问你的网站。 4.2 为什么要这么做? SSL Labs 将给你一个 A+ 如果其他一切正确的。
虽然这个后端代码暂时没有提供初始化数据库的代码,不过通过源代码逆向出了初始化 Cloudflare D1 的命令。 Why this? 为什么选择了这个点赞功能呢。...[triggers] crons = [ ] 登录 Wrangler: wrangler login 在弹出的浏览器页面中,点 Allow 授权就可以了。...在自己电脑上的终端的当前项目中(不是 Cloudflare 网页上)给数据库(假设名为:emaction)创建数据表: wrangler d1 execute emaction \ '--command...Worker: wrangler deploy 然后登录 Cloudflare Worker ,就能找到一个名为 api-emaction 的 Worker了。...这个名称与克隆代码中的 package.json 文件中的名字对应,可自行选择是否修改。
CloudFlare提供了一个JavaScript Worker系统,可以帮助开发人员在CloudFlare服务器端执行代码。...这个功能对于静态站点和维护页面来说是非常常用有的,而且对于渗透测试人员来说,也是一个大大的“宝藏”(无服务器C&C、简易网络钓鱼代理等)。...接下来,我们需要创建一个JavaScript Worker来充当方向代理的角色(GitHub上提供了完整的代码:https://github.com/jychp/cloudflare-bypass)。...代理的使用也非常简单,我已经在我的【https://github.com/jychp/cloudflare-bypass】上给大家提供了一个Python封装器,我们可以这样使用它: >>> from cfproxy...源IP不会被转发给目标站点,因此屏蔽你服务器发送请求的唯一方法就是过滤掉请求中的CF-WORKER Header。
如果你还有听说过 WebAssembly,就先看一下解释:WebAssembly 是一种在浏览器中与 JavaScript 一起运行的新语言。...它甚至可以在浏览器之外使用,例如 serverless 高效计算【https://blog.cloudflare.com/webassembly-on-cloudflare-workers/】。...尽管许多命令行工具都能够生成这类质量控制报告,但 fastq.bio 的目标是在浏览器中提供数据质量的交互式预览。这对于不熟悉命令行的科学家特别有用。...具体来说,WebWorker 控制器启动 Worker 并管理与主线程的通信。对于 Worker,API 执行它收到的请求。 然后我们可以要求 Worker 对刚挂载的文件运行 seqtk 命令。...实现它是多么的容易,这又是一个很大的改进。 最后,我们还会进一步改进。到目前为止,fastq.bio 通过调用两个不同的C函数来获取感兴趣的指标,每个函数计算一组不同的指标。
实际上,从这个站点列举出来的可以看出,至少有 322 种已知可用的静态网站生成器。...根据笔者的尝试,Cloudflare Pages 和 Netlify 的编译配置几乎一模一样,两者也同样为每一次的成功编译结果提供独立的预览域名,并将最新的编译生成结果自动设置为主域名对应内容。...实现与评价 这里就以笔者的个人博客站点为例解释一下如何使用静态生成器来搭建博客。...Jekyll 的开始与 Hexo 有所不同,Hexo 是采用子目录的方式加载应用新的主题,而 Jekyll 则是采用主题化的方式应用主题。...Github 篇 Netlify 篇 Cloudflare 篇 FTP 篇 VPS 篇 Online Editor 篇 本站对于以上几种部署方式也有不同的节点对应,如下所示: 托管方 支持访问域名
前言 众所周知,Cloudflare 是一家世界知名的 CDN 网络提供商,其在 DDoS 保护、网页应用程序防火墙、域名服务器、内容分发网络等服务上都有非常优秀。...2018 年 4 月 1 日,Cloudflare 与 ASNIC 联合推出了声称“隐私第一”的域名系统解析服务。...Cloudflare 提供了基础的免费服务给广大用户,同时也带来了最新的 Web 服务体验,Cloudflare Pages 就是这样的一款产品。...实现与评价 Cloudflare 登录 访问 Cloudflare Pages 官网,点击 Sign Up 按钮使用 Cloudflare 账户登录。...预览 添加完成后等待完成构建与部署,可以看到目前绑定的域名。点击访问站点即可跳转预览 评价 Cloudflare Pages 的部署步骤其实与 Netlify 大致上一致。
的技术预览版本。...会话启动方式的改进意味着与服务器的“连接”启动速度更快,这意味着浏览器可以更快地获取数据。我们很想知道改进有多大,所以我们进行了一些测试。...因此,每当我们的测试脚本检测到使用支持 HTTP/3 的浏览器访问该站点加载网页时,浏览器就会将报告数据返回。清洗数据并与 HTTP/2 的报告数据进行比较。...下图显示了真实页面( blog.cloudflare.com )的页面加载时间,以比较 HTTP/3 和 HTTP/2 的性能。同时我们还从不同的地理位置进行了这些性能评估。...我们怀疑这可能是由于拥塞算法不同所致:BBR v1 上的 HTTP/2 与 CUBIC 上的 HTTP/3 不同。将来,我们将努力在两者上支持相同的拥塞算法,以实现更准确的性能对比。
的开源项目jsproxy 这个项目使用了Service Worker,它能让 JS 拦截网页产生的请求,并能自定义返回内容,相当于在浏览器内部实现一个反向代理。...这使得绝大部分的内容处理都可以在浏览器上完成,服务器只需纯粹的转发流量。 你可以使用Github pages服务,快速搭建起页面前端,从而做到真正的serverless。...当然,如果你有一台服务器+域名,你也可以把服务器放在自己的服务器上。...下一步可能要验证邮箱,到注册cloudflare的邮箱里点击链接激活一下就可以。 完成新手引导后,回到workers面板,点击蓝色的Create a Worker按钮,新建一个worker。...修改example.yourwebstie.com的DNS记录为cname记录,这条cname记录指向cloudflare分配给你的workers.dev下刚刚部署好的workers站点。
10秒后,页面的可视部分资源加载完毕(此成绩与采用“最佳加载策略”的浏览器相同),接下来的10秒则会被用于运行异步脚本并加载隐藏图像(此策略与采用“最佳加载策略”的浏览器相同) 视觉比较 上述浏览器的不同加载策略所体现出的视觉差异可能会十分明显...由于不同的浏览器具有不同的加载策略,而不同层级的服务器各有差异,这种十分复杂的优先级策略很难在浏览器端被轻易实现。...Cloudflare优先级排序方案由64个优先级“级别”组成,在每个优先级内,一组资源可确定如何在不同优先级之间共享连接: 在进入下一个较低优先级之前,浏览器会转移所有较高优先级的资源。...人为可控的自定义优先级 尽管在默认情况下Cloudflare可实现更快加载速度,但真正有趣的是配置优先级的能力也向Cloudflare Workers公开,这样站点就可以覆盖资源的默认优先级,或者实现它们自己的完整优先级计划...为了帮助通知任何优先级决策,Workers运行时还在传递给Worker的fetch事件侦听器(request.cf. requestpriority)的请求对象中公开浏览器请求的优先级信息。
src/env.js ESHexoN 除了依靠 yfun-lab/gh-worker-kv 存储主要数据库文件外,还使用环境变量存储基本的 Token、仓库等。...ESHexoN 自设计之初就预备支持 Cloudflare Workers, Deno 等平台。 事实上,这两个平台获取环境变量的方式根本不一样。...但是受限于页面尺寸和小屏幕优化,ESHexoN 的编辑器在大屏上是这样显示的: 双栏布局,实时预览。 为了保证在小屏幕的体验,在小屏幕上将自动收起预览,改为全屏模式。...如果需要预览,可以点击「预览」按键。 同时 ESHexoN 的编辑器有自动保存功能,即使写到一半刷新页面或是浏览器崩溃也不用怕,页面内容已经存储到 localStorage 内了。...(我也不知道会不会撑炸 一些基本的搜索功能都得以保留(与 HPP 是十分甚至九分的类似 不仅仅局限于文章,配置文件、代码都可以修改: 在未来 目前 ESHexoN 还处于 Beta 阶段,部分功能还没有开发完成
hugo new site blog-test 配置主题 当通过上文命令创建我们的站点后,需要进行主题配置,Hugo 社区有了很丰富的主题,可以通过官网 Themes 菜单选择自己喜欢的风格,查看预览效果...--remote 初始化主题配置及发布 每个主题一般都会提供一些实例配置与初始页面,开始使用主题时可以将其 exampleSite/ 目录下的文件复制到站点目录下,在此基础上进行调整配置。...hugo new posts/blog-test.md 本地调试站点 Hugo 会生成静态网页,我们在本地编辑调试时可以通过 hugo server 命令进行本地实时调试预览,无须每次都重新生成。...hugo server 运行服务后,我们可以通过浏览器 http://localhost:1313 地址访问我们的本地预览网页。...即使你是通过 NameSilo 注册的域名,也可以通过 Cloudflare 来添加站点以实现功能,或者其他托管平台也有类似的功能,按照说明配置即可。
如果您使用 Cloudflare,则可以使用 Cloudflare 上提供的 Matomo 应用程序开始无缝跟踪 Matomo 中的数据。设置方法如下: 登录您的 Cloudflare 仪表板。...单击左侧菜单上的“网站”,然后选择要启用 Matomo 跟踪代码的网站。 单击左侧菜单上的“应用程序”。 在“搜索应用程序”输入框下搜索“Matomo Analytics”。...单击上面屏幕截图中列出的“Matomo Analytics”应用程序 单击“在您的网站上预览”按钮。...通过指定要启用跟踪的 Matomo URL 和 Matomo 站点 ID 来配置应用程序,然后单击“在所有页面上安装”。...查看权限并通过单击“继续”允许 Cloudflare 与 Matomo 共享您的电子邮件地址。
使用 CF-Worker-Dir 在 Cloudflare Worker 上免费搭建导航网站,可以用这个替换掉浏览器自带的主页,自用还是比较香的!...绑定域名 根据上文的搭建教程搭建完成之后,使用 CloudFlare Worker 提供的域名就可以进入我们搭建的导航页啦!...可是 CloudFlare Worker 提供的域名好像有点长,那么我们怎么绑定自己的域名呢 回到 Cloudflare 的域名管理面板 选择你想要绑定的域名,然后进入域名管理页面 点击 Workers...进入域名中的 Workers 管理页面 image.png 点击 添加路由 设置新的路由 image.png 路由 输入自己想使用的子域名,如果想在根域名上使用直接把当前域名输入即可,Worker 选择根据上文搭建好的...Worker 上免费搭建导航网站的教程已经完成教学,去享受你的导航网叭!
简单的说就是你不用服务器就可以运行你的代码. 不必担心服务器成本,僵尸流量攻击或部署服务器资源与架构,您可以直接编写代码,开发程序服务。...使用教程 没有 Cloudflare 账号的提前注册一个 打开 https://workers.cloudflare.com ,登录上你的 Cloudflare 账号激活 Workers...域名格式:https://自定义的名称.Cloudflare用户名.workers.dev jsproxy jsproxy 是一个基于浏览器端 JS 实现的在线代理 部署代理 我们需要配合上面创建的...Cloudflare Workers 实现代理 我们需要将 jsproxy 的代码复制到 你创建的 Cloudflare Workers 的 script 里,然后保存部署。...代码地址:https://github.com/EtherDream/jsproxy/blob/master/cf-worker/index.js (文章下面有代码备份) 预览下: ?
服务详情 CloudFlare Pages 向免费用户提供了无限的站点数、请求数和带宽,除此之外付费用户可以获得更多的构建次数和同时构建站点数: image.png 开放测试后,在 CloudFlare...管理面板导航栏即可找到 Pages 服务 (简体中文为 “网页”): image.png 添加站点 点击 “创建项目” 后,需要在 GitHub 账户上配置好 CloudFlare Pages 的...添加完成后,即可看到构建过程;就个人体验来说,目前 CloudFlare Pages 的构建速度相比于目前我大多数个人项目使用的 Vercel 来说相对要慢一点: image.png 配置域名 站点构建完成后即可通过...Pages 文档中目前列出了截至目前 (2021-04-03) 已知的问题,以下是其内容的翻译: 删除拥有自定义域名的项目可能会导致在该域名上依旧可以访问上一次的构建,需要完全移除 DNS 记录以解决问题...目前没有提供自定义的路由跳转,访问不存在的页面时首先会尝试提供 404.html 文件,若该文件不存在,则会 fallback 至 index.html 以支持 SPA 路由 预览 URL 不支持 Access
为什么添加SSL 好奇心总会驱使你去探索未知的东西,当完成Hexo博客构建之后,是不是给自己的博客添加SSL呢?...开始 本文使用的是CloudFlare的免费SSL证书,如果你使用的是别的签书机构话,本文也可供参考。 注册CloudFlare 注册传送门Sign-up。...添加站点 输入你的域名地址,点击Begin Scan 继续设置 等待进度条完成,点击Continue Setup进行站点设置 设置DNS 使用CloudFlare CDN加速设置Type A即可,设置相应的...选择Plan 选择第一个Free,然后继续下一步 设置DNS解析地址 将给出的DNS设置的相应的域名上 配置CNAME 如果你的GitPages还没有配置,请在source目录下添加CNAME文件。...重新部署 $ hexo clean $ hexo g -d 补充 当配置完成后,等待一段时间,访问你的站点可能浏览器会提示HTTPS连接不安全,不用理会,继续等待24小时左右你就可以在你的站点看到绿色小钥匙了
由于GFW以及OpenAI官方的封禁,我们在国内服务器是访问不通OpenAI的官方接口的 之前,我一直是使用一个网上找的第三方代理域名,但是担心使用别人的代理不安全、不稳定 现在,我们可以使用cloudflare...Cloudflare (cloudflare-cn.com) 第二步:创建worker,进行请求中转 名字可以自己随便取一个,点击快速编辑,进入代码编辑界面 js代码为 export default...需要配置一个可访问域名进行域名转发 第三步:域名转发 在左侧菜单栏==>网站 ===>添加站点,添加上我们自己的域名,这里需要是根域名 配置以后,点击域名,会提示你修改域名的DNS服务器 需要在我们自己的域名控制面板里...,找到dns管理,修改dns服务器地址 比如我的域名是在阿里云上,我们就可以在下面这里,修改为cloudflare 要求的DNS地址 等待cloudflare验证DNS配置成功后,会给你邮箱发送通知邮件...就回到Worker配置那里,增加一个域名转发,我添加了一个自己的自定义域名 以上操作完成后,就可以在使用OpenAI官方接口的时候,配置使用自己的代理域名了
简单的说就是你不用服务器就可以运行你的代码. 不必担心服务器成本,僵尸流量攻击或部署服务器资源与架构,您可以直接编写代码,开发程序服务。...使用教程 没有 Cloudflare 账号的提前注册一个 打开 https://workers.cloudflare.com ,登录上你的 Cloudflare 账号激活 Workers 服务 然后点击...[20200327150754.png] 域名格式:https://自定义的名称.Cloudflare用户名.workers.dev jsproxy jsproxy 是一个基于浏览器端 JS 实现的在线代理...部署代理 我们需要配合上面创建的 Cloudflare Workers 实现代理 我们需要将 jsproxy 的代码复制到 你创建的 Cloudflare Workers 的 script 里,然后保存部署...代码地址:https://github.com/EtherDream/jsproxy/blob/master/cf-worker/index.js (文章下面有代码备份) 预览下: [20200327152952
但是,使用缓存系统,页面会呈现一次,然后存储为静态 HTML 文件,从而减少每个新访问者的加载时间。 简而言之,缓存是将站点的某些资产存储在本地 PC 或浏览器等设备上的能力,以便将来轻松访问。...虽然浏览器需要在您第一次访问站点时下载这些文件,但在后续访问时加载页面会更快,因为浏览器可以使用其本地缓存中的文件,而不是从您的服务器下载它们。...此框中的选项适用于删除缓存的时间段。选择缓存超时的频率,然后单击保存。您将看到新的超时规则出现。 创建任意数量的规则,以覆盖网站的不同区域。...我应该将哪个 CDN 与 WP Fastest Cache 一起使用? Cloudflare 的免费 CDN 足以满足大多数站点的需求。...在顶部的 WordPress 菜单中,转到 WPFC 并删除缓存和缩小的 CSS。 如何将 Cloudflare 与 WP Fastest Cache 结合使用?
领取专属 10元无门槛券
手把手带您无忧上云