项目简介link

Tekup 是一套基于 Tailwind CSS 构建的 IT 解决方案与服务企业网站模板，提供 10 种首页变体，涵盖 IT 科技、初创公司、技术代理、咨询服务等常见场景。模板包含完整页面（关于我们、博客、产品、服务、团队、定价、FAQ 等），可直接用于快速落地企业官网。

技术栈link

• Tailwind CSS 3.4.17
• Remix Icon（图标字体）
• Swiper Bundle（轮播组件）
• JOS（动画库）
• live-server + concurrently（开发服务）
• 自定义字体 Afacad

项目结构link

tekuphtml-10/main-file/tekup/
├── index*.html          # 10 个首页变体
├── about.html           # 关于我们
├── blog*.html           # 博客列表与详情
├── portfolio*.html      # 作品集
├── services*.html       # 服务
├── products*.html       # 产品
├── pricing.html         # 定价
├── team*.html           # 团队
├── testimonials.html    # 客户评价
├── contact.html         # 联系方式
├── faq.html             # 常见问题
├── tailwind.config.js   # Tailwind 配置
├── package.json         # 依赖与脚本
├── src/
│   └── tailwind.css     # 源码样式（@tailwind 指令 + 自定义组件）
└── assets/              # 编译产物、字体、图片

核心文件说明link

• tailwind.config.js — 定义暗色模式、响应式断点、颜色变量（colorBlue、colorDark）及字体
• src/tailwind.css — 源码入口，包含 @tailwind 指令及 @layer components 中封装的按钮、轮播、手风琴等组件样式
• package.json — npm scripts：start 同时启动 live-server 和 Tailwind 监听模式
• index.html — 主首页，展示了头部导航、Hero 区域及全站公共结构
• assets/css/style.css — Tailwind 编译后的实际生效样式（由 src/tailwind.css 生成）

快速开始link

cd tekuphtml-10/main-file/tekup
npm install
npm start

浏览器访问 http://localhost:3000，修改 .html 或 src/tailwind.css 后样式自动热更新。如需生产构建：

npm run minify

使用建议link

模板已预设多种行业首页变体，选定变体后建议删除其余 index-*.html 保持项目整洁。全站颜色以 tailwind.config.js 中的 colorBlue（#0119FF）和 colorDark（#0D0E1D）为设计基准，可在此处统一调整品牌色。