0c0b2f820e
- 修改项目过滤条件，优先展示有星标或 fork 的项目 - 优化本地环境检测逻辑，避免 undefined 错误 - 在导航栏新增“介绍”页面链接 - 重写 README 文档，丰富项目介绍、特性、技术栈等内容 - 添加项目结构说明和功能模块描述 - 补充部署指南和致谢信息 - 更新许可证和作者信息 - 添加在线预览和相关徽章展示
115 lines
3.4 KiB
Markdown
115 lines
3.4 KiB
Markdown
<div align="center">
|
||
|
||
# Honesty's Personal Website
|
||
|
||
现代化个人主页，融合科技感与个性化元素，展示个人技术栈、开源项目和博客文章。
|
||
|
||
[](LICENSE)
|
||
[](https://github.com/lqbby/Tech-Home/stargazers)
|
||
[](https://github.com/lqbby/Tech-Home/network/members)
|
||
|
||
[在线预览](https://www.hehouhui.cn) | [关于我](https://about.hehouhui.cn)
|
||
|
||
|
||
|
||
</div>
|
||
|
||
## 🌟 简介
|
||
|
||
这是一个现代化的个人主页项目，融合了科技感设计和个性化元素，用于展示个人信息、技术栈、开源项目和博客文章等内容。项目设计美观、响应式布局，支持白天/黑夜模式切换，为访问者提供良好的浏览体验。
|
||
|
||
## ✨ 特性
|
||
|
||
- 🎨 现代化UI设计，融合科技感与个性化元素
|
||
- 🌗 白天/黑夜模式自动切换
|
||
- 📱 完全响应式设计，适配PC、平板和手机设备
|
||
- 🌀 3D交互式技术标签云
|
||
- 📊 动态展示GitHub项目和博客文章
|
||
- 🌈 个性化的INFJ人格特质展示
|
||
- 📞 多种联系方式集成（GitHub、邮箱、微信、知乎等）
|
||
- ⚡ 高性能优化，快速加载体验
|
||
- 🔧 易于定制和扩展
|
||
|
||
## 🚀 技术栈
|
||
|
||
- HTML5 + CSS3 + JavaScript
|
||
- jQuery
|
||
- Artalk (评论系统)
|
||
- GitHub API
|
||
- 和风天气 API
|
||
- Hitokoto 一言
|
||
|
||
## 📁 项目结构
|
||
|
||
```
|
||
Home/
|
||
├── index.html # 首页
|
||
├── about.html # 关于我页面
|
||
├── 404.html # 404页面
|
||
├── css/
|
||
│ ├── style.css # 首页样式
|
||
│ ├── about.css # 关于我页面样式
|
||
│ └── iconfont.css # 图标字体
|
||
├── js/
|
||
│ ├── main.js # 首页主逻辑
|
||
│ ├── about.js # 关于我页面逻辑
|
||
│ ├── config.js # 配置文件
|
||
│ └── ...
|
||
├── images/ # 图片资源
|
||
├── data/ # 数据文件
|
||
└── ...
|
||
```
|
||
|
||
## 🎯 功能模块
|
||
|
||
### 首页 (index.html)
|
||
- 个人简介展示
|
||
- 头像翻页动画
|
||
- Hitokoto一言
|
||
- 日期及时间显示
|
||
- 实时天气信息
|
||
- 星空背景动画
|
||
- 社交媒体链接
|
||
|
||
### 关于我 (about.html)
|
||
- 个人信息展示
|
||
- 技术栈3D云图
|
||
- INFJ人格特质展示
|
||
- GitHub开源项目展示
|
||
- 博客文章瀑布流
|
||
- 个人时间线
|
||
- 联系方式集成
|
||
- 留言评论系统
|
||
|
||
## 🛠️ 部署
|
||
|
||
1. 克隆项目到本地：
|
||
```bash
|
||
git clone https://github.com/lqbby/Tech-Home.git
|
||
```
|
||
|
||
2. 修改配置文件 `js/config.js` 中的API密钥和个人信息
|
||
|
||
3. 部署到你喜欢的静态网站托管服务（GitHub Pages、Vercel、Netlify等）
|
||
|
||
## 🙏 致谢
|
||
|
||
本项目在开发过程中参考和借鉴了以下开源项目：
|
||
|
||
- [dmego/home.github.io](https://github.com/dmego/home.github.io) - 提供了个人主页的基础框架和设计思路
|
||
- [lqbby/Tech-Home](https://github.com/lqbby/Tech-Home) - 提供了技术实现方案和部分UI设计元素
|
||
|
||
向这些项目的作者表示诚挚的感谢！
|
||
|
||
## 📄 许可证
|
||
|
||
本项目采用 MIT 许可证，详情请参见 [LICENSE](LICENSE) 文件。
|
||
|
||
## 👤 作者
|
||
|
||
**Honesty (HeHouHui)**
|
||
|
||
- 博客: [blog.hehouhui.cn](https://blog.hehouhui.cn)
|
||
- GitHub: [@listener-He](https://github.com/listener-He)
|
||
- 邮箱: hehouhui@foxmail.com
|