https://www.xu81.com/tags/css/ Recent content in CSS on Black Viper Studio Hugo zh-cn Tue, 19 May 2026 12:26:35 +0800 https://www.xu81.com/posts/2026/05/hugo-pragmata-%E4%B8%80%E4%B8%AA-nasa-%E8%93%9D%E5%9B%BE%E9%A3%8E%E6%A0%BC%E7%9A%84%E5%8D%9A%E5%AE%A2%E4%B8%BB%E9%A2%98/ Tue, 19 May 2026 10:00:00 +0800 https://www.xu81.com/posts/2026/05/hugo-pragmata-%E4%B8%80%E4%B8%AA-nasa-%E8%93%9D%E5%9B%BE%E9%A3%8E%E6%A0%BC%E7%9A%84%E5%8D%9A%E5%AE%A2%E4%B8%BB%E9%A2%98/ <p>花了点时间给自己的博客写了一个 Hugo 主题，叫 <strong>Pragmata</strong>。</p> <h2 id="设计灵感">设计灵感</h2> <p>Pragmata 的视觉风格来自三个方向的混搭：</p> <ul> <li><strong>NASA 工程蓝图</strong> — 28px 工程网格背景、十字标记、数据面板</li> <li><strong>Apollo 宇航服</strong> — 米灰色系、缝线分割条、铆钉感边框</li> <li><strong>苏联工业控制台</strong> — Space Mono 等宽字体、红蓝状态指示灯、仪表盘卡片</li> </ul> <p>不是刻意复古，只是觉得这种「严肃工程感」和写技术博客的气质挺搭。</p> https://www.xu81.com/posts/2026/03/xu81-%E8%B5%9B%E5%8D%9A%E6%9C%8B%E5%85%8B%E7%BB%88%E7%AB%AF%E9%A3%8E%E6%A0%BC-hugo-%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96%E6%8C%87%E5%8D%97/ Wed, 11 Mar 2026 10:30:00 +0800 https://www.xu81.com/posts/2026/03/xu81-%E8%B5%9B%E5%8D%9A%E6%9C%8B%E5%85%8B%E7%BB%88%E7%AB%AF%E9%A3%8E%E6%A0%BC-hugo-%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96%E6%8C%87%E5%8D%97/ <p>本文记录了 XU81 博客主题的完整优化过程，将一个简洁的终端风格主题升级为功能完善、视觉效果出众的赛博朋克风格主题。</p>