<link>https://qukaifa.com/</link></image><item><title>Hugo + HugoBlox 博客系统</h1> <article> <h1>Hugo + HugoBlox 博客系统</h1> <p>Sat, 08 Aug 2026 00:00:00 +0000</p> <h2 id="项目简介">项目简介</h2> <p>使用 Hugo + HugoBlox 搭建的技术博客系统，具有以下特点：</p> <ul> <li>⚡ 极速构建 — 秒级完成全站生成</li> <li>📝 Markdown 写作 — 纯文本内容，无锁定</li> <li>🎨 现代设计 — 深色优先，响应式布局</li> <li>🔍 SEO 优化 — 结构化数据，自动 sitemap</li> </ul> </article> <article> <h1>Logo 设计工具</h1> <p>Sat, 08 Aug 2026 00:00:00 +0000</p> <h2 id="项目简介">项目简介</h2> <p>一个轻量级的 Logo 设计工具，支持：</p> <ul> <li>🎨 纯代码绘制，精确控制</li> <li>📐 SVG 矢量输出，无损缩放</li> <li>📦 多尺寸 PNG/ICO 批量导出</li> <li>🔵 纯色设计，简洁现代</li> </ul> </article> <article> <h1>备案展示页</h1> <p>Sat, 08 Aug 2026 00:00:00 +0000</p> <h2 id="项目简介">项目简介</h2> <p>一个极简的网站备案展示页面：</p> <ul> <li>📄 单 HTML 文件，零依赖</li> <li>🖼️ Base64 内嵌 Logo，无外部请求</li> <li>⚡ 14KB 极致轻量</li> <li>📱 完全响应式设计</li> </ul> </article> <article> <h1>关于趣开发</h1> <p>Sat, 08 Aug 2026 00:00:00 +0000</p> <h2 id="关于趣开发">关于趣开发</h2> <p><strong>qukaifa.com</strong> 是一个面向开发者的技术与工具分享平台。</p> <p>我们相信，好的工具和技术应该被更多人发现和使用。</p> <h3 id="我们做什么">我们做什么</h3> <ul> <li>🔧 <strong>工具分享</strong> — 精选实用开发工具，提升日常工作效率</li> <li>📖 <strong>技术文章</strong> — 深入浅出的技术教程与实践经验</li> <li>🚀 <strong>持续更新</strong> — 紧跟技术发展趋势</li> </ul> <h3 id="联系我们">联系我们</h3> <ul> <li>网站： </li> <li>Gitee： </li> </ul> </article> <article> <h1>欢迎来到趣开发</h1> <p>Sat, 08 Aug 2026 00:00:00 +0000</p> <h2 id="你好世界">你好，世界！</h2> <p>欢迎来到 <strong>趣开发</strong>（qukaifa.com）—— 一个分享技术与工具的平台。</p> <p>在这个博客里，你将会找到：</p> <h3 id="-技术教程">📝 技术教程</h3> <p>从前端到后端，从 DevOps 到 AI，我们分享实用的开发教程和最佳实践。</p> <h3 id="-工具推荐">🔧 工具推荐</h3> <p>好用的开发工具能大幅提升效率。我们会定期推荐值得一试的工具。</p> <h3 id="-开发经验">💡 开发经验</h3> <p>踩过的坑、积累的经验，毫无保留地分享给你。</p> <hr> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="kn">package</span><span class="w"> </span><span class="nx">main</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="kn">import</span><span class="w"> </span><span class="s">"fmt"</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="kd">func</span><span class="w"> </span><span class="nf">main</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nx">fmt</span><span class="p">.</span><span class="nf">Println</span><span class="p">(</span><span class="s">"Hello, 趣开发!"</span><span class="p">)</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="p">}</span><span class="w"> </span></span></span></code></pre></div><p>敬请期待更多内容！</p> </article> <article> <h1>用 Hugo + HugoBlox 搭建技术博客</h1> <p>Sat, 08 Aug 2026 00:00:00 +0000</p> <h2 id="为什么选择-hugo">为什么选择 Hugo？</h2> <p> 是目前最快的静态网站生成器之一，具有以下优势：</p> <ul> <li>⚡ <strong>极速构建</strong> — 大型网站也能在秒级完成构建</li> <li>📝 <strong>Markdown 写作</strong> — 所有内容都是纯 Markdown 文件</li> <li>🔧 <strong>灵活可扩展</strong> — 丰富的主题生态和模块系统</li> <li>🚀 <strong>部署简单</strong> — 支持 GitHub Pages、Netlify、Vercel 等</li> </ul> <h2 id="hugoblox-主题">HugoBlox 主题</h2> <p> 是一个基于 Hugo 的开源框架，提供了丰富的页面组件：</p> <h3 id="核心组件">核心组件</h3> <table> <thead> <tr> <th>组件</th> <th>用途</th> </tr> </thead> <tbody> <tr> <td>Hero</td> <td>首页大标题区域</td> </tr> <tr> <td>Collection</td> <td>博客文章列表</td> </tr> <tr> <td>Features</td> <td>功能展示卡片</td> </tr> <tr> <td>Markdown</td> <td>自由内容区</td> </tr> </tbody> </table> <h3 id="快速开始">快速开始</h3> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="c1"># 创建新站点</span> </span></span><span class="line"><span class="cl">hugo new site my-blog </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="c1"># 添加 HugoBlox 模块</span> </span></span><span class="line"><span class="cl">hugo mod init github.com/user/my-blog </span></span></code></pre></div><p>然后在 <code>hugo.toml</code> 中配置模块导入即可。</p> <h2 id="总结">总结</h2> <p>Hugo + HugoBlox 的组合非常适合搭建技术博客，既有速度又有灵活性。</p> </article> </main></body></html>