发布作者: 云峥
百度收录: 正在检测是否收录...
作品采用: 《 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 》许可协议授权
StellarPort 是一个开箱即用的现代化个人主页解决方案,专为开发者、设计师和创作者打造。通过纯前端技术栈实现响应式布局、优雅动效和模块化设计,帮助用户在10分钟内建立专业级的个人展示门户。
项目地址:
https://gitee.com/one-thousand-and-twenty-five/stellar-port
<!-- 无需构建工具,单个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. 英雄展示区 ✨
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 设计宣言
我们坚持:
预置三种风格主题:
(再议)
我们欢迎:
开发模式启动
npm run dev
提交PR前请运行:
npm run lint
立即体验:
Gitee仓库 | 在线Demo(无)
License: MIT
最新版本: v1.0.0 (2025-05-15)
—— 评论区 ——