Dark Directory Hugo Theme

Open Source Theme

Dark Directory Hugo Theme

一个基于 Hugo + Relearn 打造的暗色极客风知识库主题扩展层，专为安全研究员、开发者与技术布道者设计。它以极致的深色模式、无界沉浸的全屏交互和高密度的目录结构，为你构建独具赛博朋克气质的个人技术主页。

查看演示站点 了解核心特性
Dark Directory Hugo Theme product showcase
Dark Directory Hugo Theme product layout Dark Directory Hugo Theme visual detail

核心特性

Dark Directory Hugo Theme 不是从零重写的独立主题，而是一个轻量级、可复用、易于演化的主题扩展层：

  • 底层稳定：保留 Hugo + Relearn 的强大文档引擎底座，避免重复造轮子。
  • 全局沉浸：拆除传统布局的边框限制，引入 3D 透视星际网格与全屏鼠标追踪光晕特效。
  • 极致纯粹：深度定制的纯黑背景（Deep Dark），消除多余视觉分割线，让内容与技术成为绝对的焦点。
  • 网格美学：创新的 Grid 卡片布局，结合文章头图提取、磨砂玻璃质感与 45% 圆角暗角，打破传统列表的单调。

清晰的知识图谱

专为海量技术文档设计。侧边栏层级结构分明，支持无缝顺滑滚动。长篇技术推演和渗透测试报告都能获得稳定的阅读体验。

多维度的内容承载

不仅能完美展示技术博客与漏洞分析，还能通过自定义的 HTML/CSS 模块自然融入独立产品的发布宣传，打造统一的个人品牌。

前卫的大胆交互

全局 CSS 变量与 JavaScript 动态联动，鼠标所至，光晕随行。在保持高信息密度的同时，赋予页面极强的赛博朋克与高级感。

为什么选择它？

对于安全研究员、独立开发者和技术团队来说，一个优秀的个人主页不应该只是枯燥的文档堆砌，它应该展现出你的技术品味与极客精神。

  • **化繁为简**：强行接管并覆盖冗余的第三方样式，告别错位与臃肿。
  • **开箱即用**：只需少量示例内容与配置，即可复现高逼格的暗色目录风格。
  • **灵活扩展**：基于标准的 Hugo `layouts` 与 `custom.css/js`，二次开发极其容易。

使用方式

如果你也想基于这个主题扩展层搭建自己的站点，可以直接复用它的：

  • hugo.toml 与 go.mod 配置
  • layouts/ 模板覆盖层
  • static/css/custom.css 与 static/js/custom.js
  • 少量演示内容与图片资源

后续这个页面会持续作为主题的产品介绍与开源入口。