Tekup - 技术 IT 服务 Html 模板

# 项目简介 Tekup 是一套基于 Tailwind CSS 构建的 IT 解决方案与服务企业网站模板，提供 10 种首页变体，涵盖 IT 科技、初创公司、技术代理、咨询服务等常见场景。模板包含完整页面（关于我们、博客、产品、服务、团队、定价、FAQ 等），可直接用于快速落地企业官网。 ## 技术栈 - Tailwind CSS 3.4.17 - Remix Icon（图标字体） - Swiper Bundle（轮播组件） - JOS（动画库） - live-server + concurrently（开发服务） - 自定义字体 Afacad ## 项目结构 ``` 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/ # 编译产物、字体、图片 ``` ## 核心文件说明 - `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` 生成） ## 快速开始 ```bash cd tekuphtml-10/main-file/tekup npm install npm start ``` 浏览器访问 `http://localhost:3000`，修改 `.html` 或 `src/tailwind.css` 后样式自动热更新。如需生产构建： ```bash npm run minify ``` ## 使用建议 模板已预设多种行业首页变体，选定变体后建议删除其余 `index-*.html` 保持项目整洁。全站颜色以 `tailwind.config.js` 中的 `colorBlue`（#0119FF）和 `colorDark`（#0D0E1D）为设计基准，可在此处统一调整品牌色。