diff --git a/404.html b/404.html new file mode 100644 index 0000000..9db17df --- /dev/null +++ b/404.html @@ -0,0 +1,389 @@ + + + + + + 页面未找到 - 404错误 + + + + +
+ + +
+
+
+
+
+ + + + + +
+
+
404
+
页面未找到
+
+ 抱歉，您访问的页面不存在或已被删除。
+ 请检查您输入的网址是否正确，或返回首页继续浏览。 +
+ 返回首页 +
+
+ + + + \ No newline at end of file diff --git a/README.md b/README.md index c127db3..6657ff9 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,141 @@ -# .exyone.me-html-homepage - +# exyone的荒野小站 + +一个现代化的个人网站，集成了多种实用工具和小组件，采用响应式设计，提供优秀的用户体验。 + +## 🌟 项目特色 + +- **现代化设计**：采用毛玻璃效果和渐变背景，视觉效果出色 +- **响应式布局**：完美适配桌面端和移动端设备 +- **组件化架构**：模块化设计，便于维护和扩展 +- **丰富功能**：集成多种实用工具和小组件 +- **动态壁纸**：每日自动更新必应壁纸背景 + +## 🛠️ 功能模块 + +### 主要页面 +- **首页**：集成多种实用小组件的仪表板 +- **关于页面**：个人简介、技术栈和联系方式 +- **友好网站**：精选网站导航和分类 +- **404页面**：自定义错误页面 + +### 实用小组件 +- **时钟组件**：数字时钟和模拟时钟 +- **日历组件**：显示当前日期和月份 +- **待办事项**：任务管理工具 +- **笔记组件**：快速记录想法 +- **搜索组件**：快速搜索引擎 +- **计算器**：基础数学计算 +- **天气组件**：显示天气信息 +- **名言组件**：每日一句名言 +- **倒计时组件**：重要日期提醒 +- **个人资料**：个人信息展示 + +## 🎨 设计特点 + +- **毛玻璃效果**：使用backdrop-filter实现现代化视觉效果 +- **文字描边**：增强文字可读性 +- **动画效果**：流畅的过渡和交互动画 +- **响应式设计**：自适应不同屏幕尺寸 +- **深色主题**：护眼的深色界面设计 + +## 📁 项目结构 + +``` +├── 404.html # 404错误页面 +├── README.md # 项目说明文档 +├── about.html # 关于页面 +├── friendwebsite.html # 友好网站页面 +├── index.html # 首页 +├── assets/ # 静态资源 +│ ├── css/ # 样式文件 +│ │ └── style.css # 主样式文件 +│ ├── images/ # 图片资源 +│ │ └── QRCode/ # 付款二维码 +│ ├── js/ # JavaScript文件 +│ │ ├── component-loader.js # 组件加载器 +│ │ ├── topbar.js # 顶部导航栏脚本 +│ │ └── wallpaper.js # 壁纸加载脚本 +│ └── videos/ # 视频资源 +├── components/ # 组件目录 +│ ├── topbar/ # 顶部导航栏组件 +│ │ ├── nav-links.html # 导航链接 +│ │ └── quick-links.html # 快速链接 +│ └── widgets/ # 小组件 +│ ├── analog-clock.html # 模拟时钟 +│ ├── calculator.html # 计算器 +│ ├── calendar.html # 日历 +│ ├── clock.html # 数字时钟 +│ ├── countdown.html # 倒计时 +│ ├── notes.html # 笔记 +│ ├── profile.html # 个人资料 +│ ├── quotes.html # 名言 +│ ├── search.html # 搜索 +│ ├── todo.html # 待办事项 +│ └── weather.html # 天气 +└── public/ # 公共文件 +``` + +## 🚀 技术栈 + +- **前端技术**： + - HTML5 语义化标签 + - CSS3 现代样式和动画 + - JavaScript ES6+ 特性 + - 响应式设计 (Flexbox & Grid) + - 毛玻璃效果 (backdrop-filter) + +- **API集成**： + - 一言API (名言获取) + - 必应壁纸API (每日壁纸) + - 天气API (天气信息) + +## 📱 使用方法 + +1. **克隆项目**： + ```bash + git clone [项目地址] + cd [项目目录] + ``` + +2. **启动本地服务器**： + ```bash + # 使用Python + python -m http.server 8000 + + # 或使用Node.js + npx http-server -p 8000 + ``` + +3. **访问网站**： + 打开浏览器访问 `http://localhost:8000` + +## 🤝 贡献指南 + +欢迎提交问题和改进建议！ + +1. Fork 本项目 +2. 创建特性分支 (`git checkout -b feature/AmazingFeature`) +3. 提交更改 (`git commit -m 'Add some AmazingFeature'`) +4. 推送到分支 (`git push origin feature/AmazingFeature`) +5. 开启 Pull Request + +## 📄 许可证 + +本项目采用 MIT 许可证 - 查看 [LICENSE](LICENSE) 文件了解详情 + +## 👨‍💻 作者 + +**exyone** - 全栈开发工程师 + +- 邮箱：exyone.dev@icloud.com +- 备用邮箱：me.exyone@yandex.com + +## 🙏 致谢 + +- 感谢所有开源项目的贡献者 +- 感谢提供API服务的平台 +- 感谢所有支持者和用户 + +--- + +⭐ 如果这个项目对你有帮助，请给它一个星标！ \ No newline at end of file diff --git a/about.html b/about.html new file mode 100644 index 0000000..9c0e6c4 --- /dev/null +++ b/about.html @@ -0,0 +1,360 @@ + + + + + + 关于站长 - exyone的荒野小站 + + + + +
+ + + + +
+
+
+
关于站长
+
+ +
+
个人简介
+
+ 欢迎来到我的个人站点，本人擅长.NET和前端开发，兼任美术设计。 + 如果需要联系我开发游戏，请通过邮箱 exyone.dev@icloud.com 联系我。 +
+
+ +
+
技术栈
+
+
C#
+
F#
+
Lua
+
HTML5
+
CSS3
+
JavaScript
+
Unity3D
+
Blender
+
Krita
+
Git
+
Linux
+
Android
+
+
+ +
+
打赏支持
+
+ 如果我的工作对您有帮助，欢迎通过以下方式支持我继续创作和开发。 +
+
+
+ 微信支付 +
微信支付
+
+
+ 支付宝 +
支付宝
+
+
+
+ +
+
联系方式
+
+ 如果你有任何问题或合作意向，欢迎通过邮箱联系我： + exyone.dev@icloud.com + me.exyone@yandex.com +
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/friendwebsite.html b/friendwebsite.html new file mode 100644 index 0000000..af6e2bf --- /dev/null +++ b/friendwebsite.html @@ -0,0 +1,289 @@ + + + + + + + 友站链接 - exyone的荒野小站 + + + + + +
+ + + + +
+
+
+
友站链接
+
欢迎来我朋友们的网站串串门
+
+ + +
+ +
+
+ 李喜的资源站 +
+
+
+ 📱 + 李喜的资源站 +
+
专业的安卓刷机资源站，提供各类安卓设备的ROM包、工具和教程
+ + 访问网站 + → + +
+
+ +
+
+ asft8822的Twitch直播间 +
+
+
+ 📺 + asft8822的Twitch直播間 +
+
是一個遊戲主播，會在Twitch上直播Apex Legends等游戲，歡迎前來觀看支持！
+ + 訪問直播間 + → + +
+
+ + +
+ +
+
+
🖼️
+
+
+
+ 图标 + 网站名称 +
+
网站描述文字
+ + 访问网站 + → + +
+
+
+ +
+
+
+ + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..8e322de --- /dev/null +++ b/index.html @@ -0,0 +1,70 @@ + + + + + + + exyone的荒野小站 + + + + + + + + +
+ + + +
+ +
+ +
+ +
+ +
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+
+ + + + \ No newline at end of file