mark68-h2o/portfolio-cms
GitHub: mark68-h2o/portfolio-cms
一个无需后端的静态作品集CMS引擎,将项目、文档和知识以统一导航的方式结构化展示,帮助技术从业者构建可搜索的专业作品集平台。
Stars: 0 | Forks: 0
Portfolio CMS Engine
用于展示工程、架构和 AI 项目的静态平台。
内容 • 知识 • 文档 • 架构
## 概述
Portfolio CMS Engine 是一个轻量级的静态平台,旨在以结构化、可搜索和易于维护的方式展示工程、软件架构和 AI 项目。
与传统的作品集网站不同,该平台将**内容**、**展示**和**导航**分离开来,使得文档和项目能够独立于应用程序本身进行演进。
整个解决方案基于静态文件,无需数据库或后端框架。
# 为什么选择 Portfolio CMS?
传统作品集通常将项目作为孤立的页面展示。
Portfolio CMS Engine 将知识组织到一个统一的环境中,在这里:
- 项目
- 文档
- 技术
- 能力
- 业务成就
通过一致的导航模型相互关联。
其结果不仅是一个作品集,更是一个轻量级的知识管理平台。
# 核心功能
| 功能 | 描述 |
|----------|-------------|
| 📁 Project Explorer | 工程项目的结构化展示 |
| 📚 Knowledge Explorer | 作品集资源的层级导航 |
| 📄 Documentation Browser | 集成的公开文档 |
| 🔎 Search Engine | 快速导航项目资源 |
| 📅 Timeline | 职业经验可视化 |
| 📝 Markdown Content | 内容与展示分离 |
| 🧩 Modular Architecture | 便于项目扩展 |
| 📱 Responsive Interface | 适配桌面与移动端 |
| ⚡ Static Deployment | 无需后端 |
# 截图
## 首页
主应用仪表盘。
## 项目 Explorer
工程项目与技术、文档及业务背景一同展示。
## 知识 Explorer
作品集知识和支持资源的层级导航。
## 文档 Browser
对公开项目文档的集成访问。
# 架构
```
Markdown Content
│
▼
Portfolio CMS Engine
│
┌───────────────────┼───────────────────┐
▼ ▼ ▼
Projects Documentation Knowledge
│ │ │
└───────────────────┼───────────────────┘
Unified Navigation
│
▼
Responsive User Interface
```
该平台围绕三个独立层级构建:
- 内容
- 展示
- 导航
这种架构允许作品集在不改变应用核心的情况下进行扩展。
# 技术栈
- HTML5
- CSS3
- Vanilla JavaScript
- Markdown
- JSON
- PDF.js
- PowerShell
# 项目结构
```
/
├── components/
├── config/
├── content/
├── css/
├── data/
├── docs/
├── images/
├── js/
├── vendor/
├── index.html
├── manifest.webmanifest
├── robots.txt
├── sitemap.xml
└── README.md
```
# 设计原则
- 简洁性
- 关注点分离
- 模块化架构
- 可移植性
- 静态部署
- 面向知识的组织
# 开发理念
在以下过程中,人工智能被用作开发助手:
- 架构讨论
- 实现支持
- 代码生成
- 重构
- 文档编写
- 测试
所有架构决策、验证及最终实现均由项目作者负责。
# 路线图
- GitHub Pages 部署
- Knowledge Explorer 扩展
- 更多作品集项目
- 高级搜索
- 多语言支持
- 插件架构
# 文档
本仓库仅包含用于公开展示的材料。
部分文档已被精简或匿名化处理,以保护机密业务信息并尊重客户和雇主的利益。
# 作者
**Marek Strug**
兴趣领域:
- 系统架构
- 业务分析
- 数据工程
- 知识管理
- AI 辅助软件开发
- Prompt Engineering
## 状态
🟢 **Portfolio CMS Engine v1.0**
正在积极开发中。
标签:AI合规, Homebrew安装, Markdown, 作品集, 内容管理系统, 前端, 知识管理, 自定义脚本, 防御加固, 静态网站