Rivesz/A
GitHub: Rivesz/A
一套零构建依赖的赛博朋克风格静态博客模板，专为安全研究者在恶意软件分析、CTF 和威胁情报领域的技术写作与分享而设计。
Stars: 0 | Forks: 0
# 0xGuto — 博客模板
静态模板（纯 HTML/CSS/JS，零构建依赖），采用赛博朋克/Watch Dogs 2 美学风格——深蓝色背景，洋红/青色强调色，UI 元素使用等宽字体。
## 结构
```
blog/
├── index.html → página inicial (hero, diretórios de categoria, lista de posts)
├── post.html → template de post individual
├── css/style.css → design system completo (cores, tipografia, componentes)
├── js/main.js → grafo de rede animado no hero + relógio da status bar
└── README.md
```
## 快速使用（无需构建）
因为是纯 HTML，你可以直接在浏览器中打开 `index.html` 进行本地测试，或者将整个文件夹上传到仓库并启用 GitHub Pages（Settings → Pages → Deploy from branch → main → /root）。
每篇新文章 = 复制 `post.html`，重命名，编辑 `
` 中的内容，并在 `index.html` 的 `` 中添加一行。
## 迁移至 Hugo 或 Astro
如果文章数量增加，且手动编辑 `index.html` 变得繁琐，建议迁移至静态站点生成器。此模板的 CSS 和 JS 完全可复用——颜色的 token 逻辑全部位于 `style.css` 顶部的 `:root` 中，因此可以直接粘贴到 Hugo/Astro 布局中。
**Hugo：**
- `css/style.css` 放入 `static/css/`
- `index.html` 变为 `layouts/index.html`（将固定文章替换为 `range .Site.RegularPages`）
- `post.html` 变为 `layouts/_default/single.html`
- 每篇文章变为 `content/posts/` 中的 Markdown 文件，并带有 front matter：
---
title: "Rootkits em eBPF"
date: 2026-07-02
tags: ["malware", "kernel"]
---
**Astro：**
- `style.css` 直接在 `src/layouts/Base.astro` 中导入
- `post.html` 变为 `src/layouts/Post.astro`，文章位于 `src/content/posts/*.md`
- 使用 Content Collections
## 快速自定义
所有颜色都集中定义在 `style.css` 顶部的 CSS 变量中：
```
--bg: #0d0e16; /* fundo base */
--magenta: #ff3b81; /* accent primário */
--cyan: #2de2e6; /* accent secundário */
--amber: #ff9f1c; /* tags de severidade/alerta */
```
修改其中任何一个变量，都会自动应用到整个站点。
三个分类（`malware`、`ctf`、`intel`）都有现成的标签类（`.tag.malware`、`.tag.ctf`、`.tag.intel`）——要添加第四个分类，只需在 CSS 中复制 `.tag.malware` 代码块并设置新颜色即可。
## 使用的字体（Google Fonts，已在 `` 中链接）
- **Space Mono** — 标题、logo、HUD 元素
- **IBM Plex Sans** — 文章正文
- **Fira Code** — 代码块和状态栏
## 无障碍设计
- 文本对比度已针对深色背景下的 AA 级标准进行测试
- 遵循 `prefers-reduced-motion`（关闭网络动画和故障特效）
- 通过键盘导航可见的焦点状态（`:focus-visible`）
标签：HTML/CSS, 博客模板, 多模态安全, 数据可视化, 网络安全科普, 静态网页