feat(about): 更新项目过滤逻辑并完善README文档

- 修改项目过滤条件,优先展示有星标或 fork 的项目
- 优化本地环境检测逻辑,避免 undefined 错误
- 在导航栏新增“介绍”页面链接
- 重写 README 文档,丰富项目介绍、特性、技术栈等内容
- 添加项目结构说明和功能模块描述
- 补充部署指南和致谢信息
- 更新许可证和作者信息
- 添加在线预览和相关徽章展示
This commit is contained in:
hehh
2025-11-21 00:15:45 +08:00
parent cb5e16b883
commit 0c0b2f820e
8 changed files with 105 additions and 31 deletions

129
README.md
View File

@@ -1,43 +1,114 @@
<p align="center">LQBBYの主页</p> <div align="center">
<p> # Honesty's Personal Website
找了很多个人主页都不是很符合自己的理想,所以自己写了一个有科技感的个人主页
希望大家喜欢 ❤️
</p>
![Honesty的主页](https://www.lqbby.com/upload/2022/06/QQ%E6%88%AA%E5%9B%BE20220613163335.webp) 现代化个人主页,融合科技感与个性化元素,展示个人技术栈、开源项目和博客文章。
>和风天气 API 每日限量1000次需 [自行申请](https://dev.qweather.com/),或更换其他 API [![License](https://img.shields.io/github/license/lqbby/Tech-Home?color=blue)](LICENSE)
[![GitHub stars](https://img.shields.io/github/stars/lqbby/Tech-Home)](https://github.com/lqbby/Tech-Home/stargazers)
[![GitHub forks](https://img.shields.io/github/forks/lqbby/Tech-Home)](https://github.com/lqbby/Tech-Home/network/members)
### ❤️ Demo [在线预览](https://www.hehouhui.cn) | [关于我](https://about.hehouhui.cn)
>由于 CDN 缓存原因,查看最新效果可能需要 `Ctrl` + `F5` 强制刷新浏览器缓存
### 👀 预览 ![首页预览](images/home.png)
- [Honesty的主页](https://www.hehouhui.cn)
### 🌈 功能 </div>
- [x] 站点简介 ## 🌟 简介
- [x] 头像翻页
- [x] Hitokoto 一言
- [x] 日期及时间
- [x] 实时天气
- [x] 星空背景
- [x] 移动端适配
- [x] 全站本地化
### 📃 TODO 这是一个现代化的个人主页项目,融合了科技感设计和个性化元素,用于展示个人信息、技术栈、开源项目和博客文章等内容。项目设计美观、响应式布局,支持白天/黑夜模式切换,为访问者提供良好的浏览体验。
- [ ] 音乐播放器 ## ✨ 特性
- [ ] 白天黑夜切换
- [ ] 太垃圾了重新写.... - 🎨 现代化UI设计融合科技感与个性化元素
- 🌗 白天/黑夜模式自动切换
- 📱 完全响应式设计适配PC、平板和手机设备
- 🌀 3D交互式技术标签云
- 📊 动态展示GitHub项目和博客文章
- 🌈 个性化的INFJ人格特质展示
- 📞 多种联系方式集成GitHub、邮箱、微信、知乎等
- ⚡ 高性能优化,快速加载体验
- 🔧 易于定制和扩展
### 👇 API ## 🚀 技术栈
* [和风天气 API](https://dev.qweather.com/) - HTML5 + CSS3 + JavaScript
* [Hitokoto 一言](https://hitokoto.cn/) - jQuery
- Artalk (评论系统)
- GitHub API
- 和风天气 API
- Hitokoto 一言
### 🙆‍♂️ 感谢 ## 📁 项目结构
[![Readme Card](https://github-readme-stats.vercel.app/api/pin/?username=dmego&repo=home.github.io)](https://github.com/dmego/home.github.io) ```
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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 147 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 82 KiB

BIN
images/home.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.6 KiB

View File

@@ -109,6 +109,9 @@
<li class="navigation__item"> <li class="navigation__item">
<a href="https://about.hehouhui.cn/"><span>关于我</span><i></i></a> <a href="https://about.hehouhui.cn/"><span>关于我</span><i></i></a>
</li> </li>
<li class="navigation__item">
<a href="./about.html"><span>介绍</span><i></i></a>
</li>
<li class="navigation__item"> <li class="navigation__item">
<a href="https://blog.hehouhui.cn/"><span>博客</span><i></i></a> <a href="https://blog.hehouhui.cn/"><span>博客</span><i></i></a>
</li> </li>

View File

@@ -190,7 +190,7 @@ function initProjects() {
success: function(repos) { success: function(repos) {
// 过滤并排序优先显示原创项目非fork按星数排序 // 过滤并排序优先显示原创项目非fork按星数排序
var filteredRepos = repos.filter(function(repo) { var filteredRepos = repos.filter(function(repo) {
return !repo.fork; // 过滤掉fork的项目 return repo.stargazers_count > 0 || repo.forks_count > 0; // 过滤掉fork的项目
}).sort(function(a, b) { }).sort(function(a, b) {
return b.stargazers_count - a.stargazers_count; // 按星数降序排序 return b.stargazers_count - a.stargazers_count; // 按星数降序排序
}).slice(0, 12); // 只取前12个 }).slice(0, 12); // 只取前12个

View File

@@ -131,7 +131,7 @@ const SiteConfig = {
// 开发环境配置 // 开发环境配置
dev: { dev: {
isLocal: location.hostname.indexOf( 'localhost') > -1 || location.hostname.indexOf( '127.0.0.1') > -1 isLocal: (typeof location !== 'undefined') ? (location.hostname.indexOf('localhost') > -1 || location.hostname.indexOf('127.0.0.1') > -1) : false
} }
}; };