Davis - Personal Portfolio HTML

# 项目简介 Davies 是一款面向个人作品集与简历展示的 HTML5 模板，适用于开发者、设计师和自由职业者构建个人品牌站点。内置两种首页风格，支持响应式布局与 SEO 优化，可直接用于线上简历、在线 CV 或作品展示页。 ## 技术栈 - HTML5 + Bootstrap 5 - SCSS (SASS) - Vanilla JavaScript - Swiper.js（轮播组件） - Google Fonts (Open Sans) ## 项目结构 ``` davies/ ├── index.html # 首页 ├── landing.html # 着陆页 ├── version-2.html # 首页变体 ├── 404.html # 404 错误页 ├── blog-single.html # 博客详情页 ├── blog-standard.html # 标准博客页 ├── blog-two-columns.html # 双栏博客 ├── blog-three-columns.html # 三栏博客 └── assets/ ├── scss/ # SCSS 源码 ├── css/ # 编译后的样式 ├── js/ # 交互脚本 ├── images/ # 图片资源 └── icon/ # 图标字体 ``` ## 核心文件说明 - `index.html` — 模板主入口首页 - `assets/scss/` — SCSS 源文件，修改样式优先编辑此处 - `assets/css/styles.css` — 编译后的主样式文件 - `assets/js/` — 包含 Swiper、jQuery Easing 等交互脚本 - `documentation/` — 官方说明文档（含模板使用指南） ## 快速开始 1. 直接用浏览器打开 `index.html` 即可预览 2. 若需自定义样式，编辑 SCSS 后执行： ``` sass assets/scss/app.scss assets/css/styles.css --watch ``` ## 使用建议 适合作为个人作品集或在线简历站点；模板提供了博客、联系页等完整版块，可根据需求增删页面。SCSS 分层清晰，建议在修改前先通读 `assets/scss/` 目录结构。