Aliyo - Personal Portfolio / Resume HTML Template

# 项目简介 Aliyo 是一套静态单页个人作品集/简历 HTML 模板，包含首页、作品集、博客、联系页等 13 个完整页面，内置响应式布局与多种交互动画，适合快速搭建设计师或开发者个人主页。 ## 技术栈 - HTML5 + CSS3（语义化结构） - Bootstrap 5（栅格与基础组件） - Font Awesome 6（图标库） - Swiper（轮播/幻灯片） - Magnific Popup（图片灯箱） - Animate.css（页面动画） - MeanMenu（移动端汉堡菜单） ## 项目结构 ``` aliyohtml-10/aliyo-html-package-file/ ├── documentation/ # 模板官方文档 │ └── index.html └── download-version/ # 可直接使用的模板文件 ├── index.html # 首页（风格一） ├── index2.html # 首页（风格二） ├── about.html # 关于我 ├── blog.html # 博客列表 ├── blog-details.html # 博客详情 ├── contact.html # 联系页面 ├── project.html # 作品集列表 ├── project-details.html # 作品详情 ├── service.html # 服务介绍 ├── pricing.html # 定价页 ├── team.html # 团队成员 ├── faq.html # 常见问题 ├── 404.html # 错误页 └── assets/ # CSS、JS、图片等静态资源 ``` ## 核心文件说明 - `download-version/index.html` — 模板主入口页面 - `download-version/assets/css/main.css` — 全部样式汇总文件 - `download-version/assets/css/bootstrap.min.css` — Bootstrap 框架样式 - `download-version/assets/js/main.js` — 交互逻辑（需自行确认是否存在） - `documentation/index.html` — 官方文档页面 - `download-version/contact.html` — 联系表单页面 ## 快速开始 1. 将 `download-version` 文件夹内容部署到 Web 服务器，或直接用浏览器打开 `index.html`。 2. 如需本地预览，推荐使用 VS Code 的 Live Server 插件或 `python -m http.server` 启动轻量服务器。 3. 编辑各 HTML 文件中的个人信息（如姓名、联系方式、社交链接）后替换占位内容。 ## 使用建议 - 所有页面共用同一套 `assets`，更换 logo 或全局配色时只需修改 `main.css` 中对应变量。 - 移动端菜单依赖 jQuery/MeanMenu，请确保 `main.js` 中已正确引入相关初始化代码。 - 模板内社交链接为占位符，需手动替换为真实账户地址。