项目简介link

Aliyo 是一套静态单页个人作品集/简历 HTML 模板，包含首页、作品集、博客、联系页等 13 个完整页面，内置响应式布局与多种交互动画，适合快速搭建设计师或开发者个人主页。

技术栈link

• HTML5 + CSS3（语义化结构）
• Bootstrap 5（栅格与基础组件）
• Font Awesome 6（图标库）
• Swiper（轮播/幻灯片）
• Magnific Popup（图片灯箱）
• Animate.css（页面动画）
• MeanMenu（移动端汉堡菜单）

项目结构link

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、图片等静态资源

核心文件说明link

• 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 — 联系表单页面

快速开始link

1. 将 download-version 文件夹内容部署到 Web 服务器，或直接用浏览器打开 index.html。
2. 如需本地预览，推荐使用 VS Code 的 Live Server 插件或 python -m http.server 启动轻量服务器。
3. 编辑各 HTML 文件中的个人信息（如姓名、联系方式、社交链接）后替换占位内容。

使用建议link

• 所有页面共用同一套 assets，更换 logo 或全局配色时只需修改 main.css 中对应变量。
• 移动端菜单依赖 jQuery/MeanMenu，请确保 main.js 中已正确引入相关初始化代码。
• 模板内社交链接为占位符，需手动替换为真实账户地址。