<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>技术 |</title><link>https://qukaifa.com/categories/%E6%8A%80%E6%9C%AF/</link><atom:link href="https://qukaifa.com/categories/%E6%8A%80%E6%9C%AF/index.xml" rel="self" type="application/rss+xml"/><description>技术</description><generator>HugoBlox Kit (https://hugoblox.com)</generator><language>zh</language><lastBuildDate>Sat, 08 Aug 2026 00:00:00 +0000</lastBuildDate><image><url>https://qukaifa.com/media/logo_hu_285e9b3bbf4e72b0.png</url><title>技术</title><link>https://qukaifa.com/categories/%E6%8A%80%E6%9C%AF/</link></image><item><title>用 Hugo + HugoBlox 搭建技术博客</title><link>https://qukaifa.com/blog/hugo-blox-setup/</link><pubDate>Sat, 08 Aug 2026 00:00:00 +0000</pubDate><guid>https://qukaifa.com/blog/hugo-blox-setup/</guid><description>&lt;h2 id="为什么选择-hugo"&gt;为什么选择 Hugo？&lt;/h2&gt;
&lt;p&gt;
是目前最快的静态网站生成器之一，具有以下优势：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;⚡ &lt;strong&gt;极速构建&lt;/strong&gt; — 大型网站也能在秒级完成构建&lt;/li&gt;
&lt;li&gt;📝 &lt;strong&gt;Markdown 写作&lt;/strong&gt; — 所有内容都是纯 Markdown 文件&lt;/li&gt;
&lt;li&gt;🔧 &lt;strong&gt;灵活可扩展&lt;/strong&gt; — 丰富的主题生态和模块系统&lt;/li&gt;
&lt;li&gt;🚀 &lt;strong&gt;部署简单&lt;/strong&gt; — 支持 GitHub Pages、Netlify、Vercel 等&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="hugoblox-主题"&gt;HugoBlox 主题&lt;/h2&gt;
&lt;p&gt;
是一个基于 Hugo 的开源框架，提供了丰富的页面组件：&lt;/p&gt;
&lt;h3 id="核心组件"&gt;核心组件&lt;/h3&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;组件&lt;/th&gt;
&lt;th&gt;用途&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Hero&lt;/td&gt;
&lt;td&gt;首页大标题区域&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Collection&lt;/td&gt;
&lt;td&gt;博客文章列表&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Features&lt;/td&gt;
&lt;td&gt;功能展示卡片&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Markdown&lt;/td&gt;
&lt;td&gt;自由内容区&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;h3 id="快速开始"&gt;快速开始&lt;/h3&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c1"&gt;# 创建新站点&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;hugo new site my-blog
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c1"&gt;# 添加 HugoBlox 模块&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;hugo mod init github.com/user/my-blog
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;然后在 &lt;code&gt;hugo.toml&lt;/code&gt; 中配置模块导入即可。&lt;/p&gt;
&lt;h2 id="总结"&gt;总结&lt;/h2&gt;
&lt;p&gt;Hugo + HugoBlox 的组合非常适合搭建技术博客，既有速度又有灵活性。&lt;/p&gt;</description></item></channel></rss>