https://gatto.land/zh-cn/tags/cloudflare/ Recent content in Cloudflare on Gatto Land Hugo -- gohugo.io zh-cn Thu, 15 May 2025 00:00:00 +0000 https://gatto.land/zh-cn/p/hello-world/ Thu, 15 May 2025 00:00:00 +0000 https://gatto.land/zh-cn/p/hello-world/ <img src="https://gatto.land/p/hello-world/Logo_of_Hugo.png" alt="Featured image of post Hello World! - 用 Hugo + Cloudflare 重新开始" /> <blockquote> <p><em>“事不过三，这次终于成了。”</em><br> 经历过 GitHub Pages 和一段不太安稳的 WordPress 时期之后，这个博客终于搬到了 <strong>Hugo + Cloudflare Pages</strong>：静态、安全，也轻快得多。</p> </blockquote> <hr> <p><img alt="Cloudflare 标志" class="gallery-image" data-flex-basis="722px" data-flex-grow="301" height="170" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://gatto.land/p/hello-world/Logo_of_Cloudflare.jpg" width="512"></p> <h2 id="简短时间线">简短时间线 </h2><table> <thead> <tr> <th>年份</th> <th>平台</th> <th>主要收获</th> </tr> </thead> <tbody> <tr> <td>2017</td> <td><strong>GitHub Pages (Jekyll)</strong></td> <td>很适合学习 Git 工作流，但后来开始想要更丰富的功能和更好看的主题。</td> </tr> <tr> <td>2020</td> <td><strong>WordPress</strong></td> <td>可视化编辑器很方便，直到安全问题开始变得没完没了。</td> </tr> <tr> <td>2025</td> <td><strong>Hugo + Cloudflare</strong></td> <td>回到由边缘网络分发的静态 HTML，不用再半夜担心补丁和漏洞。</td> </tr> </tbody> </table> <h2 id="为什么离开-wordpress">为什么离开 WordPress </h2><ul> <li><strong>仅在2024年，WordPress生态就公开了7,966个新漏洞</strong>，比2023年 <strong>增加34%</strong>，约等于每天22个 (Patchstack, 2025)。</li> <li>Sucuri 的事件数据表明，<strong>2022年被入侵的CMS网站中，96.2%运行的是 WordPress</strong> (Sucuri, 2023)。</li> </ul> <p>我的网站也成了这个统计数字的一部分：一个过时插件被利用后，机器人网络篡改了首页，还把我锁在后台之外。由于没有近期备份，数据库基本报废。</p> <p><img alt="黑客与二进制代码的示意照片" class="gallery-image" data-flex-basis="320px" data-flex-grow="133" height="720" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://gatto.land/p/hello-world/Cliche_Hacker_and_Binary_Code.jpg" srcset="https://gatto.land/p/hello-world/Cliche_Hacker_and_Binary_Code_hu_11b3f53267b32499.jpg 800w, https://gatto.land/p/hello-world/Cliche_Hacker_and_Binary_Code.jpg 960w" width="960"></p> <h2 id="得到的教训">得到的教训 </h2><ol> <li><strong>所有续费都要自动化</strong> - 我甚至忘了续费日语罗马字域名 <strong><code>jiyuuneko.com</code></strong>，几个小时内就被别人抢走了。</li> <li><strong>版本控制就是一种备份</strong> - 放在 Git 里的静态文件，比线上数据库更不容易彻底丢失。</li> <li><strong>组件越少，麻烦越少</strong> - 没有 PHP，没有 MySQL，也就少了很多可被攻击的入口。</li> </ol> <p><img alt="Hugo 标志" class="gallery-image" data-flex-basis="877px" data-flex-grow="365" height="140" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://gatto.land/p/hello-world/Logo_of_Hugo.png" width="512"></p> <h2 id="为什么我喜欢-hugo--cloudflare-pages">为什么我喜欢 Hugo + Cloudflare Pages </h2><ul> <li><strong>构建速度很快</strong> - Hugo 生成整个站点的速度，比我喝一口咖啡还快；页面再多也很利落。</li> <li><strong>从哪里访问都快</strong> - Cloudflare 会把页面缓存到全球边缘节点。无论读者在惠灵顿、吉隆坡还是堪萨斯，加载体验都很接近。</li> <li><strong>没有太多活动部件，也就少了很多意外</strong> - 静态 HTML 不需要数据库，也不需要 PHP，能被攻击的地方少得多。</li> <li><strong>基础能力很省心</strong> - 免费 HTTPS 和可靠的防火墙，点几下就能启用。</li> <li><strong>Markdown 写作很舒服</strong> - 我用纯文本写作，提交到 Git，剩下交给 Hugo。差异清楚，文章也不会被锁在某个平台里。</li> </ul> <h2 id="接下来会写什么">接下来会写什么 </h2><ul> <li>关于景观研究、城市韧性、可持续基础设施和数字发布流程的深度笔记。</li> <li>借助 Cloudflare，每个 pull request 都可以有预览链接。</li> </ul> <p>如果你以前收藏过旧的 WordPress 站点，谢谢你又找到这里。新地址是 <strong><a class="link" href="https://gatto.land" target="_blank" rel="noopener" >https://gatto.land</a></strong>。这一次，我已经打开自动续费。</p> <p>下一篇再见。</p> <hr> <h3 id="参考资料">参考资料 </h3><p>Cloudflare. (2016, September 27). Cloudflare logo [SVG logo]. Wikimedia Commons. <a class="link" href="https://commons.wikimedia.org/wiki/File:Cloudflare_Logo.svg" target="_blank" rel="noopener" >https://commons.wikimedia.org/wiki/File:Cloudflare_Logo.svg</a></p> <p>Coelho, E., &amp; YellowIcon. (2008, May 2). Stachledraht DDoS attack diagram [SVG image]. Wikimedia Commons. <a class="link" href="https://commons.wikimedia.org/wiki/File:Stachledraht_DDos_Attack.svg" target="_blank" rel="noopener" >https://commons.wikimedia.org/wiki/File:Stachledraht_DDos_Attack.svg</a></p> <p>Francia, S., &amp; Parr, B. (2014, May 28). Logo of Hugo the static website generator [SVG logo]. Wikimedia Commons. <a class="link" href="https://commons.wikimedia.org/wiki/File:Logo_of_Hugo_the_static_website_generator.svg" target="_blank" rel="noopener" >https://commons.wikimedia.org/wiki/File:Logo_of_Hugo_the_static_website_generator.svg</a></p> <p>Patchstack. (2025). <em>State of WordPress Security in 2025</em>. <a class="link" href="https://patchstack.com/whitepaper/state-of-wordpress-security-in-2025/" target="_blank" rel="noopener" >https://patchstack.com/whitepaper/state-of-wordpress-security-in-2025/</a></p> <p>Sucuri. (2023). <em>2022 Hacked Website Report</em>. <a class="link" href="https://sucuri.net/reports/2022-hacked-website-report/" target="_blank" rel="noopener" >https://sucuri.net/reports/2022-hacked-website-report/</a></p> <p>Whelan, D. (2016, May 24). Cliche hacker and binary code [Photograph]. Flickr. <a class="link" href="https://www.flickr.com/photos/davidpwhelan/26946304530/" target="_blank" rel="noopener" >https://www.flickr.com/photos/davidpwhelan/26946304530/</a></p>