StellarPort

✨ 项目介绍

StellarPort 是一个开箱即用的现代化个人主页解决方案，专为开发者、设计师和创作者打造。通过纯前端技术栈实现响应式布局、优雅动效和模块化设计，帮助用户在10分钟内建立专业级的个人展示门户。

项目地址：
https://gitee.com/one-thousand-and-twenty-five/stellar-port

🚀 核心特性

  1. 零依赖极简架构
<!-- 无需构建工具，单个HTML文件即用 -->
<!DOCTYPE html>
<html>
  <head>
    <title>Your Name | StellarPort</title>
    <link rel="stylesheet" href="css/stellarport.css">
  </head>
  <body>
    <!-- 模块化组件结构 -->
    <stellar-header></stellar-header>
    <stellar-skills></stellar-skills>
  </body>
</html>
  1. 智能响应式设计
  • 自适应从手机到4K屏幕的显示
  • 基于CSS Grid和Flexbox的精密布局系统
  • 移动端优先的交互优化
  1. 即插即用模块
可自由组合的六大模块：
1. 英雄展示区 ✨
2. 个人简介卡 📝  
3. 技能雷达图 🎯
4. 项目画廊 🖼️
5. 时间线履历 ⏳
6. 多通道联系表单 📩

🛠️ 快速开始

基础部署（30秒）：

 **克隆仓库** 
https://gitee.com/one-thousand-and-twenty-five/stellar-port.git

 **直接双击打开index.html即可运行！**

高级定制：

// 在config.js中修改主题色
const theme = {
  primary: "#3B82F6", // 主色调
  darkMode: false     // 暗黑模式开关
};

🌟 设计哲学

"Like stars in the digital universe, every developer deserves a unique orbit to shine."
—— StellarPort 设计宣言
我们坚持：
  • 极简主义：拒绝冗余代码，核心实现仅1个HTML文件+1个CSS文件+1个JS文件
  • 宇宙美学：采用星空蓝为主色调，象征无限可能性
  • 无障碍访问：全组件通过WCAG 2.1 AA标准

🎨 主题扩展

预置三种风格主题：
（再议）

🤝 参与贡献

我们欢迎：

  • 提交新的主题模板
  • 翻译多语言版本
  • 优化动画性能
开发模式启动
npm run dev

提交PR前请运行：
npm run lint

立即体验：
Gitee仓库 | 在线Demo（无）

License: MIT
最新版本: v1.0.0 (2025-05-15)