Project
CCPro
一个集日历、时间、天气、热搜、随机图片一言为一体的现代化网站
project dossier
slug: ccpro
owner: cym919
repo: ccpro
CCPro - 高级云日历
一个集日历、时间、天气、热搜、随机图片一言为一体的现代化网站
✨ 功能特性
- 📅 日历功能 - 显示当前月份日历,支持月份切换,集成假期数据
- ⏰ 时间显示 - 实时显示当前时间和日期
- 🌤️ 天气信息 - 显示当前天气、温度、风力、空气质量等信息
- ⚠️ 天气预警 - 实时天气预警信息,支持按类型、级别、地点筛选
- 🔥 热搜榜单 - 集成多平台热搜数据(微博、知乎、抖音等)
- 🖼️ 每日图片 - 随机精美图片展示,支持下载功能
- 🌙 主题切换 - 支持明暗主题切换
- 🌐 多语言支持 - 支持简体中文、英文
🚀 快速开始
在线访问
直接访问部署的网站即可使用。
本地运行
- 克隆仓库
git clone https://gitcode.com/cym919/ccpro.git
- 进入项目目录
cd ccpro
- 启动本地服务器(可使用任意静态服务器,或直接访问
index.html,但是直接访问容易出现跨域问题)
# 使用 Python
python -m http.server 8080
# 或使用 Node.js 的 http-server
npx http-server -p 8080
- 打开浏览器访问
http://localhost:8080或index.html
📁 项目结构
ccpro/
├── README.md # 项目说明
├── LICENSE # MIT许可证文件
├── index.html # 首页
├── hotlist.html # 热搜页面
├── picture.html # 图片页面
├── weather.html # 天气预警页面
├── docs/ # 文档目录
| ├── changelog.css # 更新日志样式
│ ├── changelog.html # 更新日志
│ └── ... # 待完善
├── std-code/ # 标准代码目录
| ├── nav.html # 导航栏代码
│ ├── footer.html # 页脚代码
│ └── README.md # 标准代码说明
├── style/ # 样式文件
| ├── _std.css # 标准样式(字体、颜色、背景、导航栏、页脚等)
│ ├── main.css # 主页样式
│ ├── weather.css # 天气样式
│ ├── hotlist.css # 热搜样式
│ └── ... # 各页面样式
├── js/ # JavaScript文件
│ ├── main.js # 主逻辑
│ ├── i18n.js # 国际化
│ ├── weather-info.js # 主页天气信息
│ ├── weather-alert.js# 天气预警
│ ├── hotlist.js # 热搜功能
│ └── ... # 各页面JavaScript文件
├── img/ # 图片资源
├── font/ # 字体资源
├── data/ # 数据文件
│ └── calendar/ # 节假日数据
└── favicon.ico # 网站图标
🛠️ 技术栈
本项目为原生前端项目,使用HTML5、CSS3、JavaScript实现。
🤝 贡献指南
我们欢迎所有形式的贡献!
- Fork 本仓库
- 创建特性分支 (
git checkout -b feature/AmazingFeature) - 提交更改 (
git commit -m 'Add some AmazingFeature') - 推送到分支 (
git push origin feature/AmazingFeature) - 提交 Pull Request
📝 许可证
本项目基于 MIT 许可证开源。
🙏 致谢
数据
- cg-zhou/holiday-calendar,提供假期日历数据
API
- Hitokoto,提供一言API
- UApiPro,提供天气、热搜API
- 远方风景图片API-远方,提供随机风景图片API
图标
- MingCute Icon,提供图标SVG资源
字体
以及
- 所有贡献者和支持者
📦 仓库地址
【官方仓库】cym919/ccpro | 处理 PR/Issues
【官方GitHub】cym919/ccpro | 不处理 PR/Issues,禁止提交
Made with ❤️ by cym919
评论