https://liudon.com/tags/%E5%8D%9A%E5%AE%A2%E4%BC%98%E5%8C%96/ Recent content in 博客优化 on 流动 Hugo zh-CN Wed, 09 Sep 2026 00:00:00 +0800 https://liudon.com/posts/blog-refresh/ Fri, 04 Sep 2026 11:41:08 +0800 https://liudon.com/posts/blog-refresh/ <h2 id="前言">前言</h2> <p>经常访问本站的朋友，可能已经发现本站换了新的主题。</p> <p>回顾折腾博客的这一路，已经用过了5个主题，其中 PaperMod 这个用的时间最长。</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">cactus </span></span><span class="line"><span class="cl">jane </span></span><span class="line"><span class="cl">yinyang </span></span><span class="line"><span class="cl">meme </span></span><span class="line"><span class="cl">PaperMod </span></span></code></pre></div><p>一直想换个新主题，但查了一下，没有找到特别喜欢的主题了。</p> https://liudon.com/posts/blog-performance-optimization/ Tue, 01 Sep 2026 15:14:02 +0800 https://liudon.com/posts/blog-performance-optimization/ <p>目前博客部署在 Cloudflare Pages 服务上，通过 DnsPod 服务做了国内和海外分线路解析。</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">Cloudflare Pages </span></span><span class="line"><span class="cl"> ↑ </span></span><span class="line"><span class="cl">blog.liudon.xyz </span></span><span class="line"><span class="cl"> ↑ ↑ </span></span><span class="line"><span class="cl"> 回源 直接访问 </span></span><span class="line"><span class="cl"> │ │ </span></span><span class="line"><span class="cl">腾讯云 CDN │ </span></span><span class="line"><span class="cl"> ↑ ↑ </span></span><span class="line"><span class="cl"> 国内 海外 </span></span><span class="line"><span class="cl"> \ / </span></span><span class="line"><span class="cl"> DNSPod </span></span><span class="line"><span class="cl"> ↑ </span></span><span class="line"><span class="cl"> liudon.com </span></span></code></pre></div><p>因为 Cloudflare 在国内属于反向加速，所以加了一层国内CDN做加速。</p> https://liudon.com/posts/use-avif-to-optimize-images-on-hugo/ Mon, 30 Sep 2024 22:01:45 +0800 https://liudon.com/posts/use-avif-to-optimize-images-on-hugo/ <blockquote> <p><strong>更新说明（2026-09）</strong>：本文记录的是 2024 年使用 ImageMagick 全量生成单一 1080px AVIF/WebP 文件的历史方案。本站当前已改用 Sharp 预生成多个尺寸并复用构建缓存；当前 Hugo 也已经支持 AVIF 图片处理。最新实现见<a href="https://liudon.com/posts/blog-performance-optimization/">博客加速实践</a>。</p> https://liudon.com/posts/%E5%8A%A0%E9%80%9Fcloudflare%E8%AE%BF%E9%97%AE/ Wed, 21 Feb 2024 20:25:49 +0800 https://liudon.com/posts/%E5%8A%A0%E9%80%9Fcloudflare%E8%AE%BF%E9%97%AE/ <h4 id="背景">背景</h4> <p><picture><source type="image/avif" srcset="https://liudon.com/posts/%E5%8A%A0%E9%80%9Fcloudflare%E8%AE%BF%E9%97%AE/blog.png_320x.avif 320w, https://liudon.com/posts/%E5%8A%A0%E9%80%9Fcloudflare%E8%AE%BF%E9%97%AE/blog.png_480x.avif 480w, https://liudon.com/posts/%E5%8A%A0%E9%80%9Fcloudflare%E8%AE%BF%E9%97%AE/blog.png_720x.avif 720w, https://liudon.com/posts/%E5%8A%A0%E9%80%9Fcloudflare%E8%AE%BF%E9%97%AE/blog.png_828x.avif 828w" sizes="auto, (min-width: 1080px) 1080px, calc(100vw - 32px)"><source type="image/webp" srcset="https://liudon.com/posts/%E5%8A%A0%E9%80%9Fcloudflare%E8%AE%BF%E9%97%AE/blog.png_320x.webp 320w, https://liudon.com/posts/%E5%8A%A0%E9%80%9Fcloudflare%E8%AE%BF%E9%97%AE/blog.png_480x.webp 480w, https://liudon.com/posts/%E5%8A%A0%E9%80%9Fcloudflare%E8%AE%BF%E9%97%AE/blog.png_720x.webp 720w, https://liudon.com/posts/%E5%8A%A0%E9%80%9Fcloudflare%E8%AE%BF%E9%97%AE/blog.png_828x.webp 828w" sizes="auto, (min-width: 1080px) 1080px, calc(100vw - 32px)"><img src="../../posts/%E5%8A%A0%E9%80%9Fcloudflare%E8%AE%BF%E9%97%AE/blog.png" alt="博客架构" width="828" height="753" loading="lazy" decoding="async"> </picture></p> <p>这是当前的博客架构，文件保存在<code>Github</code>仓库，通过<code>Cloudflare Page</code>提供访问。</p> https://liudon.com/posts/responsive-and-optimized-images-with-hugo/ Sun, 10 Dec 2023 08:29:05 +0800 https://liudon.com/posts/responsive-and-optimized-images-with-hugo/ <blockquote> <p><strong>更新说明（2026-09）</strong>：本文记录的是 2023 年基于 PaperMod 的 Hugo 响应式图片方案，代码已不再用于本站。当前实现改为 Sharp 预生成多尺寸 AVIF/WebP、媒体缓存和 Terminal 主题共享图片组件，详见<a href="https://liudon.com/posts/blog-performance-optimization/">博客加速实践</a>。</p> https://liudon.com/posts/optimize-google-analytics/ Sat, 02 Dec 2023 09:25:49 +0800 https://liudon.com/posts/optimize-google-analytics/ <h3 id="起因">起因</h3> <p><code>Google Analytics</code>是一款优秀的流量分析服务，集成方便，使用简单。</p> <p>最近在优化页面访问速度，发现<code>Google Analytics</code>是一个优化点。</p> <h3 id="优化">优化</h3> <h4 id="1-访问加速">1. 访问加速</h4> <p>国内访问<code>Google Analytics</code>很慢，同时还面临着各种广告屏蔽插件拦截。</p> https://liudon.com/posts/hugo-auto-generate-image-width-and-height/ Wed, 24 Aug 2022 12:37:22 +0800 https://liudon.com/posts/hugo-auto-generate-image-width-and-height/ <blockquote> <p><strong>更新说明（2026-09）</strong>：本站已不再采用通过远程接口读取图片宽高的方案。当前图片处理已升级为本地 Page Bundle、Sharp 多尺寸 AVIF/WebP 预生成和构建缓存，详见<a href="https://liudon.com/posts/blog-performance-optimization/">博客加速实践</a>。2023 年的中间演进方案可参考<a href="../../posts/responsive-and-optimized-images-with-hugo/">使用 Hugo 实现响应式和优化的图片</a>。</p> https://liudon.com/posts/fix-blog-cls/ Sat, 20 Aug 2022 07:27:22 +0800 https://liudon.com/posts/fix-blog-cls/ <blockquote> <p><strong>更新说明（2026-09）</strong>：本文是早期 CLS 修复记录，当前站点已经改用本地 Page Bundle、响应式图片和预生成 AVIF/WebP，详见<a href="https://liudon.com/posts/blog-performance-optimization/">博客加速实践</a>。后续演进记录可参考<a href="https://liudon.com/posts/hugo-auto-generate-image-width-and-height/">自动生成图片宽高</a>。</p> </blockquote> <h4 id="问题表现">问题表现</h4> <p>7月份将博客部署由<code>Github</code>迁移到<code>Cloudflare</code>后，开始关注博客的性能问题。</p>