在不斷發展的 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; 雖然這“有效”，但並不完全正確。有幾個原因，但最重要的一個是圖像大小。我不是在談論...