andreialba/nulltrace

# NULLTRACE - Astro 安全顾问主题 [](https://nulltrace-two.vercel.app/) [](https://astro.build/) [](https://tailwindcss.com/) [](https://www.typescriptlang.org/) [](./LICENSE) **预览：**[nulltrace-two.vercel.app](https://nulltrace-two.vercel.app/) NULLTRACE 是一款深色、终端风格的 Astro 主题，专为安全顾问、渗透测试人员、事件响应专家和精品网络安全工作室设计。 它作为一个单页落地作品集构建，具有浓厚的技术氛围、无障碍导航、可抓取的内容以及可用于生产的 SEO 默认设置。 ## 功能 - 面向网络安全专业人士的终端风格落地页 - 响应式固定页头，配备全屏移动端菜单 - Hero 区域，带有动画终端打字机序列和清晰的 CTA - Hero 社交认证栏，带有动画终端风格的影响力计数器 - 用于渗透测试、事件响应、审计和基础设施安全的服务区域 - 用于说明业务流程的方法论时间轴 - 用于客户信任信号的认证审计日志 - 项目/案例研究亮点展示 - 可随时连接到您首选后端的联系表单外壳 - 无障碍跳转链接、焦点状态、地标、标签和降级动态效果支持 - 服务端渲染的 Astro 输出，提供更好的 SEO 和无 JS 可读性 - Open Graph、Twitter、canonical、robots、主题颜色和 JSON-LD 结构化数据默认设置 - 通过 Vite 插件实现的 Tailwind CSS 4 样式 - 原生 Astro 组件，带有自托管的、子集化的 Google Material Symbols 图标 ## 技术栈 - Astro 6 - 用于类型检查的 TypeScript 配置 - Tailwind CSS 4 ## 快速开始 安装依赖项： ``` npm install ``` 启动本地开发服务器： ``` npm run dev ``` 构建生产版本： ``` npm run build ``` 在本地预览生产构建： ``` npm run preview ``` 对项目进行类型检查： ``` npm run lint ``` ## 主题设置 在发布之前，请更新项目特定的值： - `astro.config.mjs` 中的 `site` - `src/config/site.ts` 中的品牌、SEO 元数据、JSON-LD 值、导航、Hero 文案、联系详情、社交链接、服务、方法论、工具清单、项目和页脚文本 - `src/pages/index.astro` 中的 canonical 行为 - `src/config/site.ts` 中的图标名称 - 联系区域中的联系表单处理逻辑 - 如果您想要自定义品牌标志，请替换 `public/favicon.svg` 当前的占位符生产 URL 是： ``` https://nulltrace-two.vercel.app ``` 在发布之前，请将其替换为您真实的部署域名。 ## SEO 该主题包含： - 服务端渲染的页面内容 - Canonical URL - Meta 标题和描述 - 关键字 Meta - Robots Meta - Open Graph 标签 - Twitter 卡片标签 - 用于专业服务的 JSON-LD 结构化数据 - 主题颜色 - SVG favicon - 针对动画内容的无 JS 可见性回退方案 主要 SEO 文件： - `src/pages/index.astro` - `astro.config.mjs` - `public/favicon.svg` ## 无障碍性 该主题包含： - 语义化的 `header`、`main`、`section`、`article`、`footer` 和带标签的导航 - 专为键盘用户设计的跳转链接 - 可见的焦点环 - 移动端菜单语义，配备 `aria-expanded`、`aria-controls` 以及按 Escape 键关闭的行为 - 移动端菜单打开时的正文滚动锁定 - 带有自动完成和必填状态标签的联系表单字段 - 标记为 `aria-hidden` 的装饰性 UI 元素 - 降级动态效果（reduced-motion）CSS 支持 - 无 JS 回退方案，确保动画 SSR 内容保持可见 ## 内容说明 随附的文案是入门/演示内容。在发布之前，请将其替换为真实的服务、项目摘要、工具、联系详情和社交资料。 联系表单目前只是一个主题外壳，暂不向任何地址提交。请将其连接到您首选的表单提供商、服务器操作或 API endpoint。 ## 项目结构 ``` src/ App.astro index.css config/ site.ts pages/ index.astro components/ Certifications.astro MaterialIcon.astro Methodology.astro Testimonials.astro Toolstack.astro public/ favicon.svg preview.webp fonts/ material-symbols-outlined-200.ttf ``` ## 更新日志 有关发布说明，请参阅 [CHANGELOG.md](CHANGELOG.md)。 ## 发布检查清单 - 如果您 fork 了该主题，请将 `https://nulltrace-two.vercel.app` 替换为您真实的域名 - 替换 `src/config/site.ts` 中的 `hello@nulltrace.security` - 替换 GitHub 和 LinkedIn 的占位符 URL - 连接或移除联系表单 - 更新演示项目和服务 - 更新演示认证条目 - 更新匿名化的推荐语 - 更新结构化数据以匹配真实的业务/个人 - 运行 `npm run lint` - 运行 `npm run build` - 运行 `npm audit --omit=dev` ## 许可证 本项目采用 MIT 许可证授权。详见 [LICENSE](LICENSE)。

标签：Astro, Tailwind CSS, Web设计, 主题模板