智能客服官网引导页HTML源码——零依赖、自适应、开箱即用的通用官网
| 项目简介 智能客服官网引导页（kefu-web）是一个为开源智能客服系统打造的产品官网 Landing Page。它采用纯静态单页设计，零框架、零构建、零依赖，一个 HTML 文件即可跑完整站。项目基于 FastAPI + RAG 架构，支持 DeepSeek、通义千问、火山方舟、智谱、Kimi 等 15 家模型厂商预设。 该项目采用 MIT 协议，完全开源免费，可商用、可二次开发、可闭源分发。无论是作为开源项目官网、SaaS 产品营销首页，还是快速上线的宣传页，都非常合适。 源码介绍——自适应通用官网技术架构项目的技术选型非常克制且高效： 维度选型说明HTML原生语义化标签采用 <header>/<main>/<section>/<footer>，利于 SEOCSS纯手写 + CSS 变量深色模式、响应式、玻璃拟态，无 Tailwind / SassJS原生 Vanilla JS无 jQuery / 无框架 / 无打包，直接引用i18n220+ 词条词典时区自动判定中英文，localStorage 记忆选择图片WebP + PNG 双格式<picture> 标签优雅降级，体积减少 73%构建零构建没有 npm / webpack / vite，改完直接刷新部署GitHub Actionspush 到 main 自动发布，也可放任意静态服务器SEO结构化数据 + 百度推送SoftwareApplication / FAQPage JSON-LD自适应响应式设计项目采用纯手写 CSS + CSS 变量实现完整的响应式布局。从样式源码可以看出几个关键设计：
整套设计在不同屏幕尺寸下都能保持良好的浏览体验，无论是桌面端、平板还是手机，页面布局都会自动适配。 通用官网模板定位这个项目不仅服务于特定的智能客服系统，更是一个可复用的通用官网模板：
这种设计使得任何人都能快速将这个官网改造成自己产品的展示页，无需从零搭建。 页面模块单页结构共 9 个区块，支持 #锚点 平滑滚动跳转： 区块内容导航栏Logo、菜单（7项）、语言切换、主题切换、GitHub 按钮、下载按钮Hero 首屏主标题 + 副标题 + 数据条（15模型厂商/24API端点/54测试/19KB体积）+ 双截图叠放产品介绍9 张功能卡片，横向 3 列效果预览8 个 Tab 切换后台截图，左右布局（文字 + 大图）快速开始3 步上手 + 嵌入代码 + 环境要求表格部署文档Docker / systemd 两套方案 + 避坑指南 + Nginx 配置常见问题8 条可折叠问答捐赠弹窗微信 / 支付宝 / QQ 切换CTA + 页脚行动召唤按钮 + 4 列链接 + 版权信息效果预览演示地址展示了完整的产品官网效果：https://vfaner.github.io/kefu-web 效果预览区通过 8 个 Tab 切换展示后台各功能模块的截图，包括厂商配置、参数调优、向量库选择、文档上传、嵌入配置等核心操作界面，让访客无需部署即可直观了解系统的操作流程。 深色/浅色模式通过导航栏按钮一键切换，跟随系统偏好自动适配，用户手动选择后存入 localStorage 持久化。 中英双语支持时区自动判定，localStorage 记忆用户选择。
|
