docs: 更新项目文档,完善需求和技术细节

This commit is contained in:
ylweng
2025-09-01 01:05:53 +08:00
parent 028a458283
commit 816a51ae82
48 changed files with 18629 additions and 5301 deletions

View File

@@ -3,6 +3,22 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="爱鉴花新闻中心 - 获取最新的公司动态、行业资讯和媒体报道了解AI花卉识别技术的最新发展。">
<meta name="keywords" content="爱鉴花新闻,花卉识别技术,植物AI,公司动态,行业资讯">
<meta name="author" content="爱鉴花团队">
<!-- Open Graph -->
<meta property="og:title" content="新闻中心 - 爱鉴花">
<meta property="og:description" content="获取最新的公司动态、行业资讯和媒体报道。">
<meta property="og:type" content="website">
<meta property="og:url" content="https://aijianhua.com/news.html">
<meta property="og:image" content="https://aijianhua.com/images/news-og.png">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="新闻中心 - 爱鉴花">
<meta name="twitter:description" content="获取最新的公司动态、行业资讯和媒体报道。">
<title>新闻中心 - 爱鉴花</title>
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.7.2/css/all.css" rel="stylesheet">
@@ -53,269 +69,148 @@
</div>
</section>
<!-- 新闻内容 -->
<section class="py-5">
<div class="container py-5">
<!-- 新闻分类 -->
<section class="py-5 bg-light">
<div class="container">
<div class="row">
<!-- 主内容区 -->
<div class="col-lg-8">
<!-- 公司动态 -->
<div class="mb-5">
<h2 class="fw-bold mb-4 text-dark">公司动态</h2>
<!-- 新闻文章1 -->
<article class="card news-article border-0 shadow-sm mb-4">
<div class="row g-0">
<div class="col-md-4">
<img src="images/news-1.jpg" class="img-fluid h-100 object-fit-cover rounded-start" alt="小程序上线">
</div>
<div class="col-md-8">
<div class="card-body">
<div class="d-flex align-items-center mb-2">
<span class="badge bg-primary me-2">公司新闻</span>
<small class="text-muted">2024-01-15</small>
</div>
<h3 class="h4 card-title">爱鉴花微信小程序正式上线</h3>
<p class="card-text text-muted">
经过数月的精心开发和测试,爱鉴花微信小程序今日正式上线。
用户可以通过微信搜索"爱鉴花"或扫描二维码即可体验智能花卉识别服务。
</p>
<a href="news-detail.html" class="btn btn-outline-primary btn-sm">阅读全文</a>
</div>
</div>
</div>
</article>
<div class="col-12">
<ul class="nav nav-pills justify-content-center">
<li class="nav-item mx-2 mb-2">
<a class="nav-link active" href="#">全部</a>
</li>
<li class="nav-item mx-2 mb-2">
<a class="nav-link" href="#">公司动态</a>
</li>
<li class="nav-item mx-2 mb-2">
<a class="nav-link" href="#">行业资讯</a>
</li>
<li class="nav-item mx-2 mb-2">
<a class="nav-link" href="#">媒体报道</a>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- 新闻文章2 -->
<article class="card news-article border-0 shadow-sm mb-4">
<div class="row g-0">
<div class="col-md-4">
<img src="images/news-2.jpg" class="img-fluid h-100 object-fit-cover rounded-start" alt="AI识别">
</div>
<div class="col-md-8">
<div class="card-body">
<div class="d-flex align-items-center mb-2">
<span class="badge bg-primary me-2">技术突破</span>
<small class="text-muted">2024-01-10</small>
</div>
<h3 class="h4 card-title">AI识别准确率突破95%大关</h3>
<p class="card-text text-muted">
通过最新的深度学习算法优化爱鉴花的AI识别准确率成功突破95%
在花卉识别领域达到行业领先水平。
</p>
<a href="news-detail.html" class="btn btn-outline-primary btn-sm">阅读全文</a>
</div>
</div>
<!-- 新闻列表 -->
<section class="py-5">
<div class="container py-3">
<div class="row g-4">
<!-- 新闻项 1 -->
<div class="col-md-4">
<div class="card news-card border-0 shadow-sm h-100">
<img src="images/news-1.jpg" class="card-img-top news-img lazy-load" alt="爱鉴花小程序正式上线" loading="lazy">
<div class="card-body d-flex flex-column">
<div class="mb-2">
<span class="badge bg-primary me-2">公司动态</span>
<span class="text-muted small">2024-01-15</span>
</div>
</article>
<!-- 新闻文章3 -->
<article class="card news-article border-0 shadow-sm mb-4">
<div class="row g-0">
<div class="col-md-4">
<img src="images/news-3.jpg" class="img-fluid h-100 object-fit-cover rounded-start" alt="数据更新">
</div>
<div class="col-md-8">
<div class="card-body">
<div class="d-flex align-items-center mb-2">
<span class="badge bg-primary me-2">产品更新</span>
<small class="text-muted">2024-01-05</small>
</div>
<h3 class="h4 card-title">知识库新增1000种花卉数据</h3>
<p class="card-text text-muted">
本次更新新增1000种花卉的详细信息包括生长习性、养护方法、药用价值等
为用户提供更全面的植物知识服务。
</p>
<a href="news-detail.html" class="btn btn-outline-primary btn-sm">阅读全文</a>
</div>
</div>
</div>
</article>
<h5 class="card-title">爱鉴花小程序正式上线</h5>
<p class="card-text text-muted flex-grow-1">经过数月开发,我们的微信小程序正式上线,欢迎体验。用户可以通过拍照或上传图片快速识别花卉种类。</p>
<a href="#" class="btn btn-outline-primary mt-auto">阅读更多</a>
</div>
</div>
<!-- 行业资讯 -->
<div class="mb-5">
<h2 class="fw-bold mb-4 text-dark">行业资讯</h2>
<!-- 行业新闻1 -->
<article class="card news-article border-0 shadow-sm mb-4">
<div class="card-body">
<div class="d-flex align-items-center mb-2">
<span class="badge bg-info me-2">行业动态</span>
<small class="text-muted">2024-01-08</small>
</div>
<h3 class="h5 card-title">人工智能在植物识别领域的应用前景</h3>
<p class="card-text text-muted">
随着深度学习技术的发展AI在植物识别领域的应用越来越广泛。
专家预测,未来几年该领域将迎来爆发式增长。
</p>
<a href="news-detail.html" class="btn btn-outline-info btn-sm">阅读全文</a>
</div>
<!-- 新闻项 2 -->
<div class="col-md-4">
<div class="card news-card border-0 shadow-sm h-100">
<img src="images/news-2.jpg" class="card-img-top news-img lazy-load" alt="AI识别准确率再创新高" loading="lazy">
<div class="card-body d-flex flex-column">
<div class="mb-2">
<span class="badge bg-success me-2">技术突破</span>
<span class="text-muted small">2024-01-10</span>
</div>
</article>
<!-- 行业新闻2 -->
<article class="card news-article border-0 shadow-sm mb-4">
<div class="card-body">
<div class="d-flex align-items-center mb-2">
<span class="badge bg-info me-2">市场分析</span>
<small class="text-muted">2024-01-03</small>
</div>
<h3 class="h5 card-title">2024年植物识别APP市场趋势分析</h3>
<p class="card-text text-muted">
最新市场研究报告显示植物识别类APP用户规模持续增长
预计2024年全球市场规模将达到50亿美元。
</p>
<a href="news-detail.html" class="btn btn-outline-info btn-sm">阅读全文</a>
</div>
</article>
<h5 class="card-title">AI识别准确率再创新高</h5>
<p class="card-text text-muted flex-grow-1">通过算法优化花卉识别准确率提升至95%,在多项测试中表现优异。</p>
<a href="#" class="btn btn-outline-primary mt-auto">阅读更多</a>
</div>
</div>
<!-- 媒体报道 -->
<div>
<h2 class="fw-bold mb-4 text-dark">媒体报道</h2>
<!-- 媒体报道1 -->
<article class="card news-article border-0 shadow-sm mb-4">
<div class="card-body">
<div class="d-flex align-items-center mb-2">
<span class="badge bg-warning me-2">媒体报道</span>
<small class="text-muted">2024-01-12</small>
</div>
<h3 class="h5 card-title">科技日报爱鉴花用AI技术连接人与自然</h3>
<p class="card-text text-muted">
"爱鉴花团队通过先进的AI技术让普通用户也能轻松识别植物
这种技术创新对普及植物知识具有重要意义。"
</p>
<a href="news-detail.html" class="btn btn-outline-warning btn-sm">阅读全文</a>
</div>
<!-- 新闻项 3 -->
<div class="col-md-4">
<div class="card news-card border-0 shadow-sm h-100">
<img src="images/news-3.jpg" class="card-img-top news-img lazy-load" alt="新增1000种花卉数据" loading="lazy">
<div class="card-body d-flex flex-column">
<div class="mb-2">
<span class="badge bg-info me-2">产品更新</span>
<span class="text-muted small">2024-01-05</span>
</div>
</article>
<!-- 媒体报道2 -->
<article class="card news-article border-0 shadow-sm mb-4">
<div class="card-body">
<div class="d-flex align-items-center mb-2">
<span class="badge bg-warning me-2">专访</span>
<small class="text-muted">2024-01-07</small>
</div>
<h3 class="h5 card-title">创业邦专访爱鉴花创始人的AI情怀</h3>
<p class="card-text text-muted">
"我们希望通过技术让更多人关注和热爱自然,
这是爱鉴花团队的初心和使命。"——创始人张明
</p>
<a href="news-detail.html" class="btn btn-outline-warning btn-sm">阅读全文</a>
</div>
</article>
<h5 class="card-title">新增1000种花卉数据</h5>
<p class="card-text text-muted flex-grow-1">知识库新增1000种花卉信息覆盖更全面为用户提供更丰富的植物知识。</p>
<a href="#" class="btn btn-outline-primary mt-auto">阅读更多</a>
</div>
</div>
<!-- 分页 -->
<nav aria-label="Page navigation">
</div>
<!-- 新闻项 4 -->
<div class="col-md-4">
<div class="card news-card border-0 shadow-sm h-100">
<img src="images/news-4.jpg" class="card-img-top news-img lazy-load" alt="荣获年度创新产品奖" loading="lazy">
<div class="card-body d-flex flex-column">
<div class="mb-2">
<span class="badge bg-warning me-2">荣誉奖项</span>
<span class="text-muted small">2023-12-20</span>
</div>
<h5 class="card-title">荣获年度创新产品奖</h5>
<p class="card-text text-muted flex-grow-1">爱鉴花在2023年度科技创新产品评选中荣获"年度创新产品奖",这是对我们技术实力的认可。</p>
<a href="#" class="btn btn-outline-primary mt-auto">阅读更多</a>
</div>
</div>
</div>
<!-- 新闻项 5 -->
<div class="col-md-4">
<div class="card news-card border-0 shadow-sm h-100">
<img src="images/news-5.jpg" class="card-img-top news-img lazy-load" alt="与植物研究所达成合作" loading="lazy">
<div class="card-body d-flex flex-column">
<div class="mb-2">
<span class="badge bg-danger me-2">合作伙伴</span>
<span class="text-muted small">2023-12-10</span>
</div>
<h5 class="card-title">与植物研究所达成合作</h5>
<p class="card-text text-muted flex-grow-1">我们与国家植物研究所达成战略合作将进一步提升AI识别的准确性和知识库的权威性。</p>
<a href="#" class="btn btn-outline-primary mt-auto">阅读更多</a>
</div>
</div>
</div>
<!-- 新闻项 6 -->
<div class="col-md-4">
<div class="card news-card border-0 shadow-sm h-100">
<img src="images/news-6.jpg" class="card-img-top news-img lazy-load" alt="用户突破10万大关" loading="lazy">
<div class="card-body d-flex flex-column">
<div class="mb-2">
<span class="badge bg-secondary me-2">里程碑</span>
<span class="text-muted small">2023-11-28</span>
</div>
<h5 class="card-title">用户突破10万大关</h5>
<p class="card-text text-muted flex-grow-1">自上线以来爱鉴花用户数量突破10万感谢广大用户的信任与支持。</p>
<a href="#" class="btn btn-outline-primary mt-auto">阅读更多</a>
</div>
</div>
</div>
</div>
<!-- 分页 -->
<div class="row mt-5">
<div class="col-12">
<nav aria-label="新闻分页">
<ul class="pagination justify-content-center">
<li class="page-item disabled">
<a class="page-link" href="#" tabindex="-1">上一页</a>
</li>
<li class="page-item active">
<a class="page-link" href="#">1</a>
</li>
<li class="page-item">
<a class="page-link" href="#">2</a>
</li>
<li class="page-item">
<a class="page-link" href="#">3</a>
</li>
<li class="page-item active"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item">
<a class="page-link" href="#">下一页</a>
</li>
</ul>
</nav>
</div>
<!-- 侧边栏 -->
<div class="col-lg-4">
<!-- 搜索框 -->
<div class="card border-0 shadow-sm mb-4">
<div class="card-body">
<h5 class="card-title">搜索新闻</h5>
<div class="input-group">
<input type="text" class="form-control" placeholder="输入关键词...">
<button class="btn btn-primary" type="button">
<i class="fas fa-search"></i>
</button>
</div>
</div>
</div>
<!-- 新闻分类 -->
<div class="card border-0 shadow-sm mb-4">
<div class="card-body">
<h5 class="card-title">新闻分类</h5>
<ul class="list-group list-group-flush">
<li class="list-group-item d-flex justify-content-between align-items-center">
<a href="#" class="text-decoration-none text-dark">公司新闻</a>
<span class="badge bg-primary rounded-pill">12</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
<a href="#" class="text-decoration-none text-dark">技术突破</a>
<span class="badge bg-primary rounded-pill">8</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
<a href="#" class="text-decoration-none text-dark">产品更新</a>
<span class="badge bg-primary rounded-pill">15</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
<a href="#" class="text-decoration-none text-dark">行业动态</a>
<span class="badge bg-primary rounded-pill">6</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
<a href="#" class="text-decoration-none text-dark">媒体报道</a>
<span class="badge bg-primary rounded-pill">9</span>
</li>
</ul>
</div>
</div>
<!-- 热门新闻 -->
<div class="card border-0 shadow-sm mb-4">
<div class="card-body">
<h5 class="card-title">热门新闻</h5>
<div class="list-group list-group-flush">
<a href="#" class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-between">
<h6 class="mb-1">小程序上线首日用户破万</h6>
<small class="text-muted">3天前</small>
</div>
<small class="text-muted">阅读量: 2,345</small>
</a>
<a href="#" class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-between">
<h6 class="mb-1">AI识别准确率行业领先</h6>
<small class="text-muted">1周前</small>
</div>
<small class="text-muted">阅读量: 1,876</small>
</a>
<a href="#" class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-between">
<h6 class="mb-1">新增千种花卉数据</h6>
<small class="text-muted">2周前</small>
</div>
<small class="text-muted">阅读量: 1,532</small>
</a>
</div>
</div>
</div>
<!-- 订阅更新 -->
<div class="card border-0 shadow-sm">
<div class="card-body text-center">
<h5 class="card-title">订阅更新</h5>
<p class="text-muted small">第一时间获取最新新闻动态</p>
<div class="input-group mb-3">
<input type="email" class="form-control" placeholder="您的邮箱">
<button class="btn btn-primary" type="button">订阅</button>
</div>
<small class="text-muted">我们尊重您的隐私,绝不会分享您的信息</small>
</div>
</div>
</div>
</div>
</div>
</section>
@@ -336,9 +231,9 @@
<div class="col-lg-2 mb-4">
<h6 class="mb-3">产品</h6>
<ul class="list-unstyled">
<li><a href="#" class="text-muted text-decoration-none">微信小程序</a></li>
<li><a href="#" class="text-muted text-decoration-none">API服务</a></li>
<li><a href="#" class="text-muted text-decoration-none">企业版</a></li>
<li><a href="products.html" class="text-muted text-decoration-none">微信小程序</a></li>
<li><a href="products.html" class="text-muted text-decoration-none">API服务</a></li>
<li><a href="products.html" class="text-muted text-decoration-none">企业版</a></li>
</ul>
</div>
<div class="col-lg-2 mb-4">
@@ -346,7 +241,7 @@
<ul class="list-unstyled">
<li><a href="#" class="text-muted text-decoration-none">帮助中心</a></li>
<li><a href="#" class="text-muted text-decoration-none">常见问题</a></li>
<li><a href="#" class="text-muted text-decoration-none">联系我们</a></li>
<li><a href="contact.html" class="text-muted text-decoration-none">联系我们</a></li>
</ul>
</div>
<div class="col-lg-4 mb-4">