Gorstak-Zadar/gorstak-site
GitHub: Gorstak-Zadar/gorstak-site
一个简洁现代的 GitHub 项目作品集静态网站模板，支持实时搜索、分类过滤和响应式布局。
Stars: 0 | Forks: 0
# 🌐 gorstak-site
## 📋 概述
gorstak-site 是一个简洁、现代的作品集网站，用于展示 Gorstak 的 GitHub 项目。它使用原生 HTML、CSS 和 JavaScript 构建，提供了一个优雅的界面，用于浏览仓库，并具备搜索和过滤功能。
## 🎯 功能特性
- 🔍 **项目搜索** - 对所有仓库进行实时搜索
- 🏷️ **分类过滤** - 按项目类型筛选
- 📊 **项目统计** - 显示 Star、Fork、语言信息
- 📱 **响应式设计** - 适配所有设备
- ⚡ **快速加载** - 资源经过优化的静态站点
- 🔗 **直接链接** - 一键访问 GitHub 仓库
- 🎨 **现代 UI** - 简洁、专业的设计
## 📁 项目结构
| File | Description |
|------|-------------|
| `index.html` | 主网站页面 (22.3 KB) |
| `projects.json` | 项目数据和元数据 (38.9 KB) |
| `repos.json` | 仓库列表 (83 B) |
| `repos.zip` | 压缩的仓库归档 (15.4 KB) |
| `CNAME` | 自定义域名配置 |
| `scripts/` | JavaScript 工具脚本 |
## 🚀 部署
### GitHub Pages
1. Fork 此仓库
2. 前往 Settings → Pages
3. 选择 main 分支作为源
4. 站点将通过 `https://yourusername.github.io/gorstak-site` 访问
### 自定义域名
1. 使用你的域名更新 `CNAME` 文件
2. 配置 DNS 记录：
- CNAME: `www` → `yourusername.github.io`
- A 记录: 指向 GitHub Pages IP
3. 在仓库设置中启用 HTTPS
### 本地测试
```
# 使用 Python
python -m http.server 8000
# 使用 Node.js
npx serve .
# 访问
http://localhost:8000
```
## 📊 数据结构
### projects.json
```
{
"projects": [
{
"name": "GEDR",
"description": "Gorstak Endpoint Detection & Response",
"language": "C#",
"stars": 150,
"forks": 25,
"url": "https://github.com/gorstak/GEDR",
"category": "security",
"tags": ["edr", "security", "windows"]
}
]
}
```
### 更新 Projects
1. 编辑 `projects.json`
2. 添加新项目条目
3. 提交并推送
4. GitHub Pages 自动更新
## 🎨 自定义
### 颜色与主题
在 `index.html` 中编辑 CSS 变量：
```
:root {
--primary-color: #0078d4;
--background: #ffffff;
--text-color: #333333;
--accent: #5c6bc0;
}
```
### 布局
- Hero 区域：顶部横幅
- 搜索栏：项目过滤
- 网格布局：项目卡片
- 页脚：链接和信息
### 添加区块
```
```
## 🔧 功能详情
### 搜索功能
- 输入时实时过滤
- 搜索名称、描述和标签
- UI 即时更新
### 项目卡片
- 仓库名称和描述
- 带颜色指示器的主要语言
- Star 和 Fork 计数
- GitHub 直接链接
- 分类徽章
### 响应式设计
- 手机端：单列
- 平板端：双列
- 桌面端：三列
- 大屏幕：四列
## 📱 浏览器支持
- Chrome/Edge (最新版)
- Firefox (最新版)
- Safari (最新版)
- 移动浏览器 (iOS Safari, Chrome Mobile)
## 📝 维护
### 添加新项目
1. 打开 `projects.json`
2. 添加条目：
```
{
"name": "ProjectName",
"description": "Brief description",
"language": "Python",
"stars": 0,
"forks": 0,
"url": "https://github.com/gorstak/ProjectName",
"category": "tools",
"tags": ["python", "automation"]
}
```
3. 提交并推送
### 更新统计
- Star 和 Fork 可手动更新
- 或使用 GitHub API 自动更新
- 定期更新 `projects.json`
## 🚀 未来增强计划
- [ ] 集成 GitHub API 以显示实时统计
- [ ] 深色模式切换
- [ ] 项目详情页
- [ ] 博客/更新版块
- [ ] 联系表单
- [ ] 简历/CV 下载
## 📜 许可证与免责声明
## 全面的法律免责声明
本项目仅供授权的防御、管理、研究或教育用途。
- 仅在您拥有明确许可的系统、网络和环境中使用。
- 滥用可能违反法律、合同、政策或可接受使用条款。
- 运行安全、加固、监控或响应工具可能会影响稳定性，并可能干扰合法软件。
- 在生产环境使用前，请在测试环境中验证所有更改。
- 本项目按“原样”提供，不附带任何形式的保证，包括适销性、特定用途适用性和非侵权性。
- 作者和贡献者不对直接或间接损害、数据丢失、停机、业务中断、法律风险或合规影响承担责任。
- 您需独自承担合法操作、配置选择及您所在司法管辖区合规义务的责任。
Section Title
Built with care by Gorstak
标签：CSS3, DNS解析, GitHub Pages, Homebrew安装, HTML5, Linux 内核安全, SEO优化, Syscall, Vanilla JS, Web开发, 个人主页, 代码仓库展示, 作品集网站, 分类过滤, 原生JavaScript, 后端开发, 响应式设计, 多模态安全, 实时搜索, 开源项目, 数据可视化, 现代化UI, 程序员portfolio, 静态网站, 项目管理