项目简介link

FreelanHub 是一款面向招聘市场与自由职业交易平台的 HTML 模板，支持职位发布、人才对接、项目委托、服务购买等多种业务场景。内置 13+ 首页变体及完整的企业端/人才端仪表盘，适合快速搭建外包类平台原型。

技术栈link

• Tailwind CSS（布局与响应式）
• SCSS/SASS（自定义样式）
• jQuery（滚动导航与交互）
• Node.js（构建工具）

项目结构link

freelanhub-html/
├── assets/
│   ├── css/        # 原始样式文件
│   ├── images/     # 图片资源
│   └── js/         # JS 资源
├── dist/           # 编译输出
│   ├── output-tailwind.css
│   └── output-scss.css
├── index.html      # 默认首页
└── package.json    # npm 配置

核心文件说明link

• freelanhub-html/index.html — 主页入口，含分类导航与服务展示
• freelanhub-html/dist/output-tailwind.css — Tailwind CSS 编译产物
• freelanhub-html/dist/output-scss.css — SCSS 编译产物
• freelanhub-html/package.json — 定义 dev 和 sass 两个 npm 脚本
• candidates-*.html 系列 — 人才端仪表盘页面（简历、订单、收益等）
• become-*.html 系列 — 入驻引导页（雇主/服务商注册）

快速开始link

1. 进入 freelanhub-html 目录，执行 npm install 安装依赖
2. npm run dev — 启动 Tailwind CSS 监听模式，将编译输出写入 dist/output-tailwind.css
3. 另开终端执行 npm run sass — 启动 SCSS 监听模式，将编译输出写入 dist/output-scss.css
4. 用浏览器打开 index.html 即可预览

使用建议link

本模板内置大量候选人与雇主页面，适合直接裁剪复用。若需深度定制样式，优先修改 /assets/scss/ 中的 SCSS 文件，而非直接覆盖编译后的 CSS 文件。