在不断发展的 Web 开发领域，无服务器应用程序正在稳步留下自己的印记。 它们无可否认的优势，例如无与伦比的可扩展性和强大的性能，使它们脱颖而出。 无服务器的美妙之处在于它的承诺：提供强大的解决方案，不仅可以轻松扩展，而且预算友好。 您是否曾经梦想过推出一个商业创意，但却被创建用户注册和登录系统的技术细节所阻碍？ 虽然 Netlify 等平台和各种基于云的数据库确实存在，但它们无法与 Cloudflare 提供的功能相比。 许多替代方案在扩展时可能会增加成本，但对于 Cloudflare Pages，情况有所不同。 在过去的几个月里，我一直断断续续地致力于这个项目和演示，同时兼顾我的其他承诺。 我对等待表示歉意，...

努力提高您的网站在搜索引擎上的知名度？ 此 SEO 速成课程可为您提供帮助。 我将为您提供有关优化网站内容、设计和性能的基本信息和实用技巧。 到本指南结束时，您将有能力提高网站的搜索引擎排名并吸引更多自然流量。 什么是搜索引擎优化？SEO，或搜索引擎优化，是通过优化网站的各个方面来提高网站在搜索引擎结果页面 (SERP) 上的知名度和排名的做法。 SEO 的主要目标是通过使网站更易于访问并吸引 Google、Bing 和 Yahoo 等搜索引擎，从而吸引更多有机（非付费）流量到您的网站。 SEO的三个主要支柱： 页面搜索引擎优化：这方面涉及优化网页的内容和 HTML 源代码，重点关注标题标签、元描述、标题标签和关键字使用等元素。 ...

由于 PrestaShop 非常受欢迎，被数以千计的在线商店广泛使用，我决定给您机会大大加快它的速度。 这个电子商务平台非常有活力并且充满了图像。 图片如此之多，以至于他们中的大多数人在每个页面上下载大约 5 到 10 甚至 20 兆字节的图片。 图片对于这个平台至关重要，因为这是人们在查看您的产品时看到的内容。 因此，您通常希望上传许多图片以吸引产品浏览。 因此，您很难正确优化您的商店并提供愉快的用户体验。 PrestaShop 的图像大小调整如果你不知道 Cloudflare Image Resizing 是什么，我就不再在这里重复创建重复的内容。 请在官方帖子 上了解一下。 我在这里所做的是，将我为 WordPress...

我发布这篇文章是因为我收到了很多关于 Cloudflare Image Resizing 和我的 WordPress 插件的请求。 由于 WordPress 的设计方式，不可能使我的插件与现有的所有插件兼容，因此在本文中，我们通过 Cloudflare Workers 探索另一种方法。 请注意，我故意省略了太多技术性的东西，以便每个人都能理解； 让我们面对现实吧，并不是每个人都是开发人员。 我喜欢让文章简短、简单、切题。 在本文的结尾，您将能够简单地复制、粘贴并单击一下，为您的 WordPress 正确完成 Cloudflare Image Resizing。 什么是 Cloudflare 图像调整大小提醒一下，...

今天，您将学习如何免费使用 Cloudflare Workers 来阻止代理 IP（免费的）。 正如您现在已经知道的那样，Cloudflare 提供 托管列表 。这些仅适用于企业客户。 他们的托管列表比我们在这里所做的更有效，但是考虑到它是免费的，我们的方法还是不错的。 为了获得额外的好处，您可以自定义返回的“阻止”页面以使用您的自定义安全 😁 为什么要阻止代理？在我的另一篇文章中，有人向我提问，例如“你到底为什么要阻止 TOR？”。与 TOR 一样，这些代理总是被滥用。 他们被滥用以创建多个虚假帐户、滥用促销、尝试黑客攻击、抓取等等。如果你对你的网站很认真，你应该阻止代理。尤其是如果您有一家小型商业商店。 我还想提一下，因为这些代...

今天，您将学习如何免费使用 Cloudflare Workers 阻止 TOR 网络 IP（中继和网桥）。 在我们深入研究之前，我必须通知您 Cloudflare 最近引入了 Managed Lists ，其中阻止 TOR 可以通过单击完成。唯一的缺点是这些仅适用于企业客户。 如果你能负担得起，那就太好了；你可以忽略这篇文章。但是，如果您买不起企业计划，请继续阅读。 阻止 TOR 网络最初，我创建了一个仅用作 cron 作业的工作程序，获取 TOR IP，解析它们并将它们存储到 Cloudflare 列表中。然后，此列表将用于您在防火墙规则内拥有的任何网站。 列表功能的主要问题是它在所有列表中限制为 10,000 个项目。因此，即使...

本文适合任何人，从初学者到最有经验的 Web 开发人员。 我见过长达十年的高级 Web 开发人员忽略字体并且没有正确处理它们，所以请继续阅读。 阅读下面几行后，您将使用正确的 @font-face 和 CSS，它们将在浏览器中正常工作。 您的网站在不同设备上的外观和性能都应如此。 什么是字体？我假设您已经知道这一点，否则您将不会阅读本文。 然而，为了提供信息，@font-face 允许将特定字体嵌入到网站上，而不必依赖远程用户将它们安装在他们的系统上。 可用的字体类型有：“.woff”、“.woff2”、“.ttf”、“.otf”、“.eot”和“.svg”。 ".woff" 代表 Web 开放字体格式 ".woff2"...

今天我们将讨论 Web 响应式图像，这是一个非常流行的话题，而且非常有问题。 如果你搜索这个主题，你会发现无数的文章有各种各样的解释，但我不会重复这些，并以不同的方式教你。 正确加载图像，提高您的 SEO 排名并为您的网站提供更好的用户体验。 什么是响应式图像？响应式图像将（应该）自动调整以适应屏幕尺寸。 但是……这是正确的做法吗？ 嗯，是的，也不是。 如果您对此进行谷歌搜索或查看诸如 Bootstrap 之类的现代框架，您会注意到它们对“响应式图像”的定义是一个简单的 CSS，类似于： 1max-width: 100%; 2height: auto; 虽然这“有效”，但并不完全正确。有几个原因，但最重要的一个是图像大小。我不是在谈...