FreelanHub - Job Board and Freelancer Marketplace HTML Template

# 项目简介 FreelanHub 是一款面向招聘市场与自由职业交易平台的 HTML 模板，支持职位发布、人才对接、项目委托、服务购买等多种业务场景。内置 13+ 首页变体及完整的企业端/人才端仪表盘，适合快速搭建外包类平台原型。 ## 技术栈 - Tailwind CSS（布局与响应式） - SCSS/SASS（自定义样式） - jQuery（滚动导航与交互） - Node.js（构建工具） ## 项目结构 ``` freelanhub-html/ ├── assets/ │ ├── css/ # 原始样式文件 │ ├── images/ # 图片资源 │ └── js/ # JS 资源 ├── dist/ # 编译输出 │ ├── output-tailwind.css │ └── output-scss.css ├── index.html # 默认首页 └── package.json # npm 配置 ``` ## 核心文件说明 - `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` 系列 — 入驻引导页（雇主/服务商注册） ## 快速开始 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` 即可预览 ## 使用建议 本模板内置大量候选人与雇主页面，适合直接裁剪复用。若需深度定制样式，优先修改 `/assets/scss/` 中的 SCSS 文件，而非直接覆盖编译后的 CSS 文件。