logo
0
0
WeChat Login

古诗文查询 H5 应用

一个基于 DeepSeek 大模型的古诗文查询 H5 页面,专为微信环境优化。

功能特点

  • 📱 响应式设计,完美适配手机端
  • 🎨 现代化 UI 界面,优雅的渐变背景
  • 📚 支持查询古诗文原文、翻译、拼音和诵读指导
  • 🎓 根据年级自动调整翻译难度
  • ⚡ 快速加载,优化用户体验

使用方法

  1. 在输入框中填写古诗文名称(如:静夜思、春晓)
  2. 选择对应的年级级别
  3. 点击"查询古诗文"按钮
  4. 查看四个标签页的内容:
    • 原文: 古诗文的原始文本
    • 翻译: 根据年级难度调整的现代文翻译
    • 拼音: 古诗文的拼音注释
    • 诵读指导: 诵读时的断词指导

部署到微信环境

方法一:本地服务器

# 使用 Python 简单服务器 python -m http.server 8000 # 或使用 Node.js http-server npx http-server

方法二:云部署

可以将文件部署到任何静态网站托管服务:

  • GitHub Pages
  • Netlify
  • Vercel
  • 阿里云 OSS
  • 腾讯云 COS

API 配置(实际使用)

当前版本使用模拟数据。要连接真实的 DeepSeek API:

  1. 获取 DeepSeek API 密钥:https://platform.deepseek.com/
  2. script.js 中取消注释 callDeepSeekAPI 函数
  3. 替换 your-api-key-here 为您的实际 API 密钥
  4. 根据需要调整提示词模板
// 取消注释并修改以下部分 const apiKey = '您的实际API密钥';

文件结构

. ├── index.html # 主页面 ├── styles.css # 样式文件 ├── script.js # JavaScript 逻辑 └── README.md # 说明文档

浏览器兼容性

  • ✅ Chrome (推荐)
  • ✅ Safari
  • ✅ 微信内置浏览器
  • ✅ 其他现代浏览器

注意事项

  • 当前版本使用模拟数据演示功能
  • 实际使用时需要配置 DeepSeek API 密钥
  • 请遵守 DeepSeek API 的使用条款
  • 建议添加频率限制防止 API 滥用

技术支持

如有问题,请检查:

  1. 网络连接是否正常
  2. API 密钥是否正确配置
  3. 浏览器控制台是否有错误信息

About

小应用

Language
JavaScript36.3%
CSS28.1%
Markdown21.7%
HTML9.1%
Others4.8%