本文介绍了如何通过懒加载技术优化Hugo博客中的广告位，解决广告过多导致页面加载缓慢的问题。使用HTML5的<template>标签和Intersection Observer API，广告仅在用户滚动到可视区域时加载，从而减少首屏请求和加载时间，同时保持广告收入稳定。该方案对原有广告模板无侵入性，维护成本低。

作者在Ghost博客崩溃后，决定重新部署Hugo博客并设计新主题。借助AI，主题开发无需编码，效果令人满意。作者感叹前端开发岗位危机，认为应向全栈方向发展，同时提到大模型编程的不足与调教的重要性。

本文介绍了使用 Hugo 构建和部署静态网站的过程，结合 Webmention 实现互动，数据存储在 LocalStorage 中，注重隐私保护，未使用 Cookie，网站托管在 Contabo 的 VPS 上，使用 Caddy 作为服务器。

每周五更新重要版本信息，记录新版本发布，忽略小版本的bug修复，包括多个项目如pendulum、hugo、trivy等的最新版本链接。

文章讨论了将网站图片格式从PNG、JPEG和WebP转换为AVIF，以提高压缩效率和加载速度。AVIF在节省带宽和优化SEO方面表现优越。作者提供了使用ImageMagick和自定义Golang程序的转换方法，并强调转换前进行测试的重要性。最后，建议配置缓存和防盗链措施。

每周五更新重要版本信息，不记录bug修复。列出Mole、Hugo、Listmonk等项目的最新版本链接。

每周五更新重要版本信息，不记录bug修复，包含vocechat-web、hugo、oh-my-posh等项目的最新版本链接。

今天我成功将博客从Cloudflare Pages迁移到自己的服务器，使用GitHub备份，并配置Woodpecker实现自动构建和部署。尽管过程中遇到了一些问题，但整体顺利，访问速度有待观察。

在 Windows 环境中，若 Hugo 版本过高与主题不兼容，可通过 Scoop 降级。使用 `scoop install <app>@<version>` 安装特定版本，并用 `scoop hold <apps>` 命令防止更新。

苹果的实况照片和谷歌的动态照片增强了照片的现场感。文章介绍如何在Hugo博客上展示这些照片，需将其拆分为静态图和视频，并推荐使用GoMoPho工具。

Hugo 0.60+ 版本引入了渲染钩子功能，允许用户自定义 Markdown 中的图片、链接、标题和代码块等元素的 HTML 输出。用户可以通过创建模板文件覆盖默认渲染逻辑，实现个性化效果。文章介绍了五种渲染钩子的使用方法及示例，提升内容展示的灵活性和维护效率。