A faithful, pixel-for-pixel static clone of funshinecareerconsulting.com (FCC — FunShine Career Consulting official site), rebased for hosting on GitHub Pages under a project subpath.
🔗 Live: https://xing0325.github.io/funshine-clone/
The target site is a compiled Vue 3 + Vite single-page app (Element Plus, code-split per section, rem-based responsive scaling). Because it ships as static built assets, the highest-fidelity clone is a faithful mirror of the actual build rather than an eyeballed rebuild — so the rendered output is byte-for-byte identical to the original (verified: same DOM text, same 74 first-paint images, zero missing assets).
All media originally served from a Tencent Cloud COS bucket has been downloaded locally (cdn/, 97 assets) so the site is fully self-contained with no external dependencies.
index.html # entry (asset paths made relative)
assets/ # Vite JS/CSS chunks (index + 8 section chunks) + offer-*.png
cdn/ # 97 images + 品牌手册.pdf (mirrored from COS, localized)
favicon.ico
.github/workflows/deploy.yml # auto-deploy to GitHub Pages on push to master
To run correctly at /funshine-clone/ instead of the original root /, the built output was patched:
| What | Original | Rebased |
|---|---|---|
| HTML asset links | /assets/…, /favicon.ico |
relative (assets/…) |
Vite preload base (Rf) |
"/" + dep |
dep (document-relative, repo-name-agnostic) |
| Vue Router history base | createWebHistory("/") |
createWebHistory("/funshine-clone/") |
| COS image base | https://fcc-…myqcloud.com/ |
cdn/ (local) |
CSS url() |
/assets/offer-*.png |
relative |
# serve so the site sits at /funshine-clone/ (mimics Pages subpath)
python -m http.server 8190 # from a parent dir containing ./funshine-clone/
# open http://localhost:8190/funshine-clone/Built with the ai-website-cloner-template workflow. This is a clone for migration/learning purposes — all brand assets, logos, and copy belong to FunShine Career Consulting.