<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Tinkering on 卓琪的开发笔记</title>
    <link>https://zhuoqidev.com/categories/tinkering/</link>
    <description>Recent content in Tinkering on 卓琪的开发笔记</description>
    <generator>Hugo -- gohugo.io</generator>
    <language>zh-CN</language>
    <copyright>© 2026 Liu ZhuoQi</copyright>
    <lastBuildDate>Thu, 30 Jul 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://zhuoqidev.com/categories/tinkering/index.xml" rel="self" type="application/rss+xml" />
    
    <item>
      <title>Where Do ChatGPT Business Promo Codes Come From? An OSINT Correction</title>
      <link>https://zhuoqidev.com/en/posts/chatgpt-business-promo-investigation/</link>
      <pubDate>Thu, 14 May 2026 00:00:00 +0000</pubDate>
      
      <guid>https://zhuoqidev.com/en/posts/chatgpt-business-promo-investigation/</guid>
      <description>&lt;div&#xA;  &#xA;    class=&#34;flex px-4 py-3 rounded-md shadow bg-primary-100 dark:bg-primary-900&#34;&#xA;  &#xA;  &gt;&#xA;  &lt;span&#xA;    &#xA;      class=&#34;text-primary-400 pe-3 flex items-center&#34;&#xA;    &#xA;    &gt;&#xA;    &lt;span class=&#34;relative block icon&#34;&gt;&lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 512 512&#34;&gt;&lt;path fill=&#34;currentColor&#34; d=&#34;M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z&#34;/&gt;&lt;/svg&gt;&#xA;&lt;/span&gt;&#xA;  &lt;/span&gt;&#xA;&#xA;  &lt;span&#xA;    &#xA;      class=&#34;dark:text-neutral-300&#34;&#xA;    &#xA;    &gt;&lt;p&gt;&lt;strong&gt;Correction — July 29, 2026&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;p&gt;The first version of this article combined three observations—a company name inside a promo code, a Stripe-hosted checkout, and community reposts—into a story that was too certain: Stripe&amp;rsquo;s partner network issued the codes and employees of those companies leaked them. The available evidence does not establish that chain.&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>Building a Personal Site with Hugo and Dual-Stack CDN</title>
      <link>https://zhuoqidev.com/en/posts/hugo-dual-cdn-blog/</link>
      <pubDate>Mon, 04 May 2026 00:00:00 +0000</pubDate>
      
      <guid>https://zhuoqidev.com/en/posts/hugo-dual-cdn-blog/</guid>
      <description>&lt;div class=&#34;lead text-neutral-500 dark:text-neutral-400 !mb-9 text-xl&#34;&gt;&#xA;  One Hugo artifact is published to both Alibaba Cloud OSS/CDN and Cloudflare Pages, while geo-aware DNS sends domestic and international visitors to different edge networks.&#xA;&lt;/div&gt;&#xA;&#xA;&#xA;&lt;h2 class=&#34;relative group&#34;&gt;Why Hugo&#xA;    &lt;div id=&#34;why-hugo&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;&#xA;    &#xA;    &lt;span&#xA;        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none&#34;&gt;&#xA;        &lt;a class=&#34;text-primary-300 dark:text-neutral-700 !no-underline&#34; href=&#34;#why-hugo&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;&#xA;    &lt;/span&gt;&#xA;    &#xA;&lt;/h2&gt;&#xA;&lt;p&gt;When picking a framework for a personal blog, my top criterion was &lt;strong&gt;low maintenance cost&lt;/strong&gt; — I didn&amp;rsquo;t want to abandon writing three months later because of npm dependency hell.&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>Embedding CSS Animation Demos in Hugo Articles</title>
      <link>https://zhuoqidev.com/en/posts/css-animation-demo/</link>
      <pubDate>Mon, 04 May 2026 00:00:00 +0000</pubDate>
      
      <guid>https://zhuoqidev.com/en/posts/css-animation-demo/</guid>
      <description>&lt;div class=&#34;lead text-neutral-500 dark:text-neutral-400 !mb-9 text-xl&#34;&gt;&#xA;  Hugo shortcodes make it easy to embed live code demos. Here are three ways:&#xA;&lt;/div&gt;&#xA;&#xA;&lt;p&gt;The diagram first separates their boundaries: a native shortcode, a CodePen iframe, and a CodeSandbox app serve different complexity levels and execute code in different places.&lt;/p&gt;&#xA;&#xA;&lt;figure&gt;&#xA;      &lt;img class=&#34;my-0 rounded-md&#34; src=&#34;https://zhuoqidev.com/images/posts/css-animation-demo/hugo-embed-paths-bilingual-v1-4k.png&#34; alt=&#34;Three ways to embed an interactive demo in a Hugo article&#34; /&gt;&#xA;  &#xA;  &lt;figcaption&gt;Three embed paths: prefer a native shortcode for simple, versioned effects; CodePen for shareable snippets; and CodeSandbox for a complete interactive application.&lt;/figcaption&gt;&#xA;  &lt;/figure&gt;&#xA;&#xA;&lt;h2 class=&#34;relative group&#34;&gt;1. Inline CSS Demo (No External Service)&#xA;    &lt;div id=&#34;1-inline-css-demo-no-external-service&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;&#xA;    &#xA;    &lt;span&#xA;        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none&#34;&gt;&#xA;        &lt;a class=&#34;text-primary-300 dark:text-neutral-700 !no-underline&#34; href=&#34;#1-inline-css-demo-no-external-service&#34; aria-label=&#34;Anchor&#34;&gt;#&lt;/a&gt;&#xA;    &lt;/span&gt;&#xA;    &#xA;&lt;/h2&gt;&#xA;&lt;p&gt;A spinning loader animation, right in the article:&lt;/p&gt;</description>
      
    </item>
    
  </channel>
</rss>
