https://liudon.com/tags/hugo/ Recent content in Hugo 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/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/how-to-use-google-indexing-api-to-speed-up-blog-indexing/ Fri, 27 Oct 2023 19:32:24 +0800 https://liudon.com/posts/how-to-use-google-indexing-api-to-speed-up-blog-indexing/ <p>对于一个新站点来说，总是想着能让搜索引擎快点收录网站内容。</p> <p>今天，我们就来介绍一种利用<code>Google Indexing API</code>接口，通过<code>Github Actions</code>实现部署时通知<code>Google</code>抓取页面内容。</p> https://liudon.com/posts/deploy-twikoo-on-netlify/ Thu, 19 Oct 2023 19:46:32 +0800 https://liudon.com/posts/deploy-twikoo-on-netlify/ <blockquote> <p>在本篇文章里，我会介绍如何在Netlify上部署Twikoo评论系统，如何接入到静态博客Hugo，以及如何实现Twikoo系统版本自动更新。</p> </blockquote> <blockquote> <p><strong>2026 年更新说明</strong></p> https://liudon.com/posts/fix-hugo-json-feed/ Sat, 25 Mar 2023 14:11:18 +0800 https://liudon.com/posts/fix-hugo-json-feed/ <h4 id="问题背景">问题背景</h4> <p>前几天在<a href="https://planetics.xyz/">Planet</a>里follow自己的<a href="https://liudon.eth">web3博客</a>，遇到下面的错误。</p> <p><picture><source type="image/avif" srcset="https://liudon.com/posts/fix-hugo-json-feed/202303251415675.png_320x.avif 320w, https://liudon.com/posts/fix-hugo-json-feed/202303251415675.png_480x.avif 480w, https://liudon.com/posts/fix-hugo-json-feed/202303251415675.png_716x.avif 716w" sizes="auto, (min-width: 1080px) 1080px, calc(100vw - 32px)"><source type="image/webp" srcset="https://liudon.com/posts/fix-hugo-json-feed/202303251415675.png_320x.webp 320w, https://liudon.com/posts/fix-hugo-json-feed/202303251415675.png_480x.webp 480w, https://liudon.com/posts/fix-hugo-json-feed/202303251415675.png_716x.webp 716w" sizes="auto, (min-width: 1080px) 1080px, calc(100vw - 32px)"><img src="../../posts/fix-hugo-json-feed/202303251415675.png" alt="PlanetFeedError" width="716" height="544" loading="lazy" decoding="async"> </picture></p> <p>经过Livid大佬提醒，说是网站的JSON Feed不是标准格式导致的。</p> <p>因为我的已经修正没法截图，这里以<a href="https://dvel.me/index.json">dvel的博客</a>举例，格式类似如下。</p> https://liudon.com/posts/deploy-blog-to-ipfs/ Tue, 21 Feb 2023 19:46:58 +0800 https://liudon.com/posts/deploy-blog-to-ipfs/ <p>在这篇文章，我将会介绍如何利用<code>Github Actions</code>将<code>hugo</code>博客自动部署到<code>IPFS</code>上，并通过自定义域名访问<code>IPFS</code>上的文件。</p> <blockquote> <p>IPFS（InterPlanetary File System）中文称为星际文件系统，是一个旨在实现文件的分布式存储、共享和持久化的网络传输协议。</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/deploy-blog-to-cloudflare-pages/ Fri, 29 Jul 2022 23:16:01 +0800 https://liudon.com/posts/deploy-blog-to-cloudflare-pages/ <p>目前博客是部署到了<code>Github Pages</code>上，具体实现见<a href="https://liudon.com/posts/%E5%8D%9A%E5%AE%A2%E6%9E%B6%E6%9E%84%E8%AF%B4%E6%98%8E/">博客架构说明</a>。</p> <h4 id="缘由">缘由</h4> <p><code>Github Pages</code>部署有一个问题，就是不支持<code>HSTS</code>。</p> <blockquote> <p>HTTP Strict Transport Security（通常简称为HSTS）是一个安全功能，它告诉浏览器只能通过 HTTPS 访问当前资源，而不是HTTP。</p>