<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>文章 on KingHH Blog</title><link>https://kinghh.cn/posts/</link><description>Recent content in 文章 on KingHH Blog</description><generator>Hugo -- gohugo.io</generator><language>zh-CN</language><copyright>© 2026 KingHH. Built with Hugo and Blowfish.</copyright><lastBuildDate>Wed, 24 Jun 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://kinghh.cn/posts/index.xml" rel="self" type="application/rss+xml"/><item><title>我的博客技术栈：从静态页面开始</title><link>https://kinghh.cn/posts/tech-stack/</link><pubDate>Wed, 24 Jun 2026 00:00:00 +0000</pubDate><guid>https://kinghh.cn/posts/tech-stack/</guid><description>&lt;p&gt;&lt;figure&gt;&lt;img
 class="my-0 rounded-md"
 loading="lazy"
 decoding="async"
 fetchpriority="low"
 alt="Hugo、Blowfish、Nginx、VPS 与 HTTPS 组成的博客技术栈"
 src="https://kinghh.cn/images/tech-stack-feature.png"
 &gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;这个博客的第一版没有选择复杂平台，而是先用最稳定、最容易维护的方式上线：静态页面 + Nginx + VPS。&lt;/p&gt;
&lt;p&gt;现在它已经迁移到 &lt;strong&gt;Hugo + Blowfish&lt;/strong&gt;。这样既保留静态站点的速度和稳定性，也让后续写文章、加标签、生成 RSS 和站内搜索更方便。&lt;/p&gt;

&lt;h2 class="relative group"&gt;当前使用的技术栈
 &lt;div id="当前使用的技术栈" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e5%bd%93%e5%89%8d%e4%bd%bf%e7%94%a8%e7%9a%84%e6%8a%80%e6%9c%af%e6%a0%88" aria-label="锚点"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;
&lt;p&gt;服务器使用 Ubuntu，Web 服务使用 Nginx，静态页面由 Hugo 生成，主题使用 Blowfish。用户访问域名后，请求会先到 VPS，再由 Nginx 返回构建好的 HTML、CSS 和 JS。&lt;/p&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;Ubuntu VPS&lt;/td&gt;
 &lt;td&gt;承载站点服务，便于后续扩展后台、数据库或自动化部署&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;Nginx&lt;/td&gt;
 &lt;td&gt;接收 HTTP/HTTPS 请求，并直接返回静态站点文件&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;Hugo&lt;/td&gt;
 &lt;td&gt;将 Markdown 文章构建成静态页面&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;Blowfish&lt;/td&gt;
 &lt;td&gt;提供博客主题、文章列表、标签、搜索、RSS 和暗色模式&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;Let’s Encrypt&lt;/td&gt;
 &lt;td&gt;为 &lt;code&gt;kinghh.cn&lt;/code&gt; 和 &lt;code&gt;www.kinghh.cn&lt;/code&gt; 提供 HTTPS 证书&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/tbody&gt;
&lt;/table&gt;

&lt;h2 class="relative group"&gt;为什么迁移到 Hugo
 &lt;div id="为什么迁移到-hugo" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e4%b8%ba%e4%bb%80%e4%b9%88%e8%bf%81%e7%a7%bb%e5%88%b0-hugo" aria-label="锚点"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;
&lt;p&gt;纯 HTML 适合刚上线时验证方向，但文章数量增加后，手动维护列表、标签、RSS 和页面结构会变得重复。Hugo 可以把内容和主题分开：文章只写 Markdown，布局交给主题，部署时生成静态文件即可。&lt;/p&gt;

&lt;h2 class="relative group"&gt;后续怎么扩展
 &lt;div id="后续怎么扩展" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e5%90%8e%e7%bb%ad%e6%80%8e%e4%b9%88%e6%89%a9%e5%b1%95" aria-label="锚点"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;
&lt;p&gt;如果文章数量变多，可以继续使用 Hugo 的分类、标签、RSS 和搜索能力。如果更需要后台写作体验，可以部署 WordPress。如果想练 Java，也可以在内容稳定后再做 Spring Boot + MySQL + Vue 的完整平台。&lt;/p&gt;

&lt;h2 class="relative group"&gt;阶段目标
 &lt;div id="阶段目标" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e9%98%b6%e6%ae%b5%e7%9b%ae%e6%a0%87" aria-label="锚点"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;
&lt;p&gt;当前最重要的是先稳定上线、持续写内容、保持页面清爽。技术方案会跟着真实需求演进，而不是一开始就做成复杂系统。&lt;/p&gt;</description></item><item><title>第一篇文章：博客上线</title><link>https://kinghh.cn/posts/hello-world/</link><pubDate>Tue, 23 Jun 2026 00:00:00 +0000</pubDate><guid>https://kinghh.cn/posts/hello-world/</guid><description>&lt;p&gt;&lt;figure&gt;&lt;img
 class="my-0 rounded-md"
 loading="lazy"
 decoding="async"
 fetchpriority="low"
 alt="VPS 部署与博客上线流程"
 src="https://kinghh.cn/images/hello-world-feature.png"
 &gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;这是一篇示例文章。它的作用是验证页面样式、文章排版和 VPS 静态部署流程。&lt;/p&gt;
&lt;p&gt;第一版博客不需要复杂系统。把首页、文章页、关于页和部署流程跑通之后，就可以开始持续写内容。&lt;/p&gt;

&lt;h2 class="relative group"&gt;当前方案
 &lt;div id="当前方案" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e5%bd%93%e5%89%8d%e6%96%b9%e6%a1%88" aria-label="锚点"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;
&lt;p&gt;最初版本使用纯静态文件，由 Nginx 直接返回页面，不需要数据库、PHP 或后台服务。它的资源占用低，迁移和备份也很简单。&lt;/p&gt;

&lt;h2 class="relative group"&gt;后续扩展
 &lt;div id="后续扩展" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e5%90%8e%e7%bb%ad%e6%89%a9%e5%b1%95" aria-label="锚点"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h2&gt;
&lt;p&gt;随着文章数量增加，博客已经迁移到 Hugo。后续如果更需要后台写作体验，可以部署 WordPress；如果想练 Java，也可以在内容稳定后再做 Spring Boot + MySQL + Vue 的完整平台。&lt;/p&gt;</description></item></channel></rss>