- 实时获取并展示比特币（BTC）、以太币（ETH）、狗狗币（DOGE）、索拉纳（SOL）的最新价格和24小时涨跌幅。
- Real-time fetching and display of the latest prices and 24-hour change percentages for Bitcoin (BTC), Ethereum (ETH), Dogecoin (DOGE), and Solana (SOL).
- 价格数据来源于 OKX.com。
- Price data sourced from OKX.com.
- 支持一键刷新价格，并每60秒自动刷新一次。
- Supports one-click price refresh and auto-refreshes every 60 seconds.
- 显示当前数据更新时间（北京时间/GMT+8）。
- Shows the current data update time (Beijing Time/GMT+8).
- 直观的卡片式界面，展示币种名称（中英文）、价格、涨跌幅、币种图标。
- Intuitive card-style UI showing coin name (Chinese & English), price, change percentage, and coin icon.
- 响应式设计，适配不同屏幕。
- Responsive design for different screen sizes.
- 自定义网站 favicon。
- Custom website favicon.
- 全面的SEO优化，提高搜索引擎排名。
- Comprehensive SEO optimization for better search engine rankings.
本项目已实现以下 SEO 优化措施：
- 元标签优化：包括标题、描述、关键词、作者和机器人标签。
- Open Graph 和 Twitter Card 标签：优化社交媒体分享效果。
- 结构化数据：使用 JSON-LD 标记提供结构化数据，包括 WebApplication 和 FinancialProduct 模式。
- 语义化 HTML：使用语义化标签和属性，如 article、section、itemProp 等。
- 无障碍访问：添加 ARIA 属性和角色，提高屏幕阅读器兼容性。
- 多语言支持：添加语言替代标签，支持中文和英文。
- 网站地图：生成 sitemap.xml 文件，帮助搜索引擎索引网站内容。
- 规范化链接：添加规范化链接标签，避免重复内容问题。
This project has implemented the following SEO optimizations:
- Meta Tags: Optimized title, description, keywords, author, and robots tags.
- Open Graph & Twitter Cards: Enhanced social media sharing appearance.
- Structured Data: Added JSON-LD markup with WebApplication and FinancialProduct schemas.
- Semantic HTML: Used semantic tags and attributes like article, section, itemProp, etc.
- Accessibility: Added ARIA attributes and roles for better screen reader compatibility.
- Multilingual Support: Added language alternate tags for Chinese and English.
- Sitemap: Generated sitemap.xml file to help search engines index the site content.
- Canonical Links: Added canonical link tags to prevent duplicate content issues.
This project was bootstrapped with Create React App.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
Note: this is a one-way operation. Once you eject, you can't go back!
If you aren't satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
You don't have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.
This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting
This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size
This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app
This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration
This section has moved here: https://facebook.github.io/create-react-app/docs/deployment
This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify