diff --git a/README.md b/README.md index b56cf4e..2562327 100644 --- a/README.md +++ b/README.md @@ -1,43 +1,114 @@ -

LQBBYの主页

+
-

-找了很多个人主页都不是很符合自己的理想,所以自己写了一个有科技感的个人主页 -希望大家喜欢 ❤️ -

+# Honesty's Personal Website -![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 ->由于 CDN 缓存原因,查看最新效果可能需要 `Ctrl` + `F5` 强制刷新浏览器缓存 +[在线预览](https://www.hehouhui.cn) | [关于我](https://about.hehouhui.cn) -### 👀 预览 -- [Honesty的主页](https://www.hehouhui.cn) +![首页预览](images/home.png) -### 🌈 功能 +
-- [x] 站点简介 -- [x] 头像翻页 -- [x] Hitokoto 一言 -- [x] 日期及时间 -- [x] 实时天气 -- [x] 星空背景 -- [x] 移动端适配 -- [x] 全站本地化 +## 🌟 简介 -### 📃 TODO +这是一个现代化的个人主页项目,融合了科技感设计和个性化元素,用于展示个人信息、技术栈、开源项目和博客文章等内容。项目设计美观、响应式布局,支持白天/黑夜模式切换,为访问者提供良好的浏览体验。 -- [ ] 音乐播放器 -- [ ] 白天黑夜切换 +## ✨ 特性 -- [ ] 太垃圾了重新写.... +- 🎨 现代化UI设计,融合科技感与个性化元素 +- 🌗 白天/黑夜模式自动切换 +- 📱 完全响应式设计,适配PC、平板和手机设备 +- 🌀 3D交互式技术标签云 +- 📊 动态展示GitHub项目和博客文章 +- 🌈 个性化的INFJ人格特质展示 +- 📞 多种联系方式集成(GitHub、邮箱、微信、知乎等) +- ⚡ 高性能优化,快速加载体验 +- 🔧 易于定制和扩展 -### 👇 API +## 🚀 技术栈 -* [和风天气 API](https://dev.qweather.com/) -* [Hitokoto 一言](https://hitokoto.cn/) +- HTML5 + CSS3 + JavaScript +- 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 diff --git a/images/510.webp b/images/510.webp deleted file mode 100644 index 41b3643..0000000 Binary files a/images/510.webp and /dev/null differ diff --git a/images/apple-touch-icon.png b/images/apple-touch-icon.png deleted file mode 100644 index fd3042e..0000000 Binary files a/images/apple-touch-icon.png and /dev/null differ diff --git a/images/home.png b/images/home.png new file mode 100644 index 0000000..673904d Binary files /dev/null and b/images/home.png differ diff --git a/images/xc.jpg b/images/xc.jpg deleted file mode 100644 index cdb887e..0000000 Binary files a/images/xc.jpg and /dev/null differ diff --git a/index.html b/index.html index 0eaa3d8..cf20bdd 100644 --- a/index.html +++ b/index.html @@ -109,6 +109,9 @@ + diff --git a/js/about.js b/js/about.js index 247584f..89ba9b1 100644 --- a/js/about.js +++ b/js/about.js @@ -190,7 +190,7 @@ function initProjects() { success: function(repos) { // 过滤并排序:优先显示原创项目(非fork),按星数排序 var filteredRepos = repos.filter(function(repo) { - return !repo.fork; // 过滤掉fork的项目 + return repo.stargazers_count > 0 || repo.forks_count > 0; // 过滤掉fork的项目 }).sort(function(a, b) { return b.stargazers_count - a.stargazers_count; // 按星数降序排序 }).slice(0, 12); // 只取前12个 diff --git a/js/config.js b/js/config.js index a29caf7..ba25f17 100644 --- a/js/config.js +++ b/js/config.js @@ -131,7 +131,7 @@ const SiteConfig = { // 开发环境配置 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 } };