项目简介link

Reeni 是一款基于 Bootstrap 5 的现代个人作品集 HTML 模板，专为设计师、开发者、内容创作者和自由职业者打造。提供 16 种首页变体，支持深色/浅色模式切换，响应式布局且易于定制。

技术栈link

• Bootstrap 5
• jQuery
• Font Awesome 6
• Swiper.js（轮播）
• Odometer.js（数字滚动动画）
• Wow.js（滚动动画）
• 静态 HTML/CSS/JavaScript

项目结构link

reenihtml-201/reeni-v2.0.1/
  main-reeni-personal-portfolio-bootstrap5-template/
    index.html               # 首页主入口
    index-02.html ~ index-16.html  # 16 种首页变体
    index-*-white.html       # 对应浅色版本
    about.html               # 关于页
    blog.html                # 博客列表
    blog-col-4.html          # 四列博客布局
    contact.html             # 联系页面
    assets/css/style.css     # 主样式
  documentation/
    index.html               # 模板文档页
    css/style.css            # 文档样式
    js/main.js               # 交互逻辑

核心文件说明link

• main-reeni-personal-portfolio-bootstrap5-template/index.html — 首页入口文件
• main-reeni-personal-portfolio-bootstrap5-template/assets/css/style.css — 全部样式定义
• main-reeni-personal-portfolio-bootstrap5-template/index-02.html ~ index-16.html — 各首页变体展示不同布局与视觉风格
• documentation/index.html — 官方文档页面，含 HTML/CSS/JS 结构说明
• documentation/js/main.js — 粘性导航、视差滚动、锚点跳转等交互实现

快速开始link

纯静态项目，无需安装依赖。直接在浏览器打开 main-reeni-personal-portfolio-bootstrap5-template/index.html 即可预览。如需本地服务器，推荐使用 VS Code 的 Live Server 扩展或执行 python -m http.server。

使用建议link

模板提供了大量可直接复用的页面区块，建议根据实际需求选择对应首页变体（如作品集展示优先选 index-10，简历风格选 index-02），再替换 Logo、图片和文案即可快速上线。