Nek1yZakhar/mib-osint
GitHub: Nek1yZakhar/mib-osint
一个基于 Vanilla JS 和 Supabase 构建的轻量级国际信息安全 OSINT 摘要展示网站，提供纯客户端运行的内容聚合前端。
Stars: 2 | Forks: 0
# MIB OSINT — 国际信息安全摘要展示网站
🌐 **在线网站：** https://mib-osint.vercel.app
这是一个用于展示国际信息安全（MIB）最新摘要的公开前端网站。该项目完全在客户端运行，通过请求 Supabase 获取已发布的材料。
## 技术栈
- **核心**：HTML5、Vanilla JavaScript。
- **样式**：纯 CSS3（Dark Academic 风格，Inter 字体，CSS Grid，Shimmer Skeletons，响应式移动优先设计）。
- **Database**：通过 `@supabase/supabase-js` CDN 客户端连接到 Supabase。
## 🛠️ 本地运行与测试
您可以直接在本地打开网站，无需启动 Web 服务器：
1. 在任何现代浏览器中打开 `index.html` 文件。
2. 默认情况下，由于 `assets/env.js` 文件中缺少密钥，数据库将无法访问。
3. 要使用真实数据进行测试，您可以：
- 将您的 `SUPABASE_URL` 和 `SUPABASE_ANON_KEY` 临时写入 `assets/env.js` 文件。
*注意：切勿将包含真实生产密钥的 `assets/env.js` 文件提交到代码仓库！*
## 🚀 部署到 Vercel
该网站已完全准备好在 Vercel 托管平台上进行自动部署。
### 步骤 1：创建仓库并导入 Vercel
1. 在 GitHub 上创建一个新的公开或私有仓库（例如 `mib-osint`）。
2. 提交此文件夹中的所有文件并推送到该仓库（`git push`）。
3. 进入 Vercel 控制面板，点击 **Add New -> Project** 并导入 `mib-osint` 仓库。
### 步骤 2：配置 Build Command
由于项目需要对环境变量文件 `assets/env.js` 进行动态构建，因此您需要在 Vercel 中配置构建：
1. 在部署前的项目设置窗口中，展开 **Build and Development Settings** 选项卡。
2. 在 **Build Command** 字段中，开启覆盖开关并输入以下命令：
node build-env.js
3. 在 **Output Directory** 字段中保留默认值（`.`）。
### 步骤 3：配置 Environment Variables
转到 **Environment Variables** 选项卡并添加以下变量：
- `SUPABASE_URL` — 您的 Supabase 项目 URL（例如 `https://abcde.supabase.co`）。
- `SUPABASE_ANON_KEY` — 您的 Supabase 项目的公开 Anon token。
### 步骤 4：部署
点击 **Deploy** 按钮。Vercel 将运行 `build-env.js` 脚本，该脚本会使用您的密钥在编译后的发行版中自动生成 `assets/env.js` 文件，随后您的网站即可通过您的 `*.vercel.app` 域名进行访问。
标签：OSINT资讯, Supabase, Syscall, Vanilla JS, Web开发, 信息展示, 前端, 自定义脚本