项目简介link

Davies 是一款面向个人作品集与简历展示的 HTML5 模板，适用于开发者、设计师和自由职业者构建个人品牌站点。内置两种首页风格，支持响应式布局与 SEO 优化，可直接用于线上简历、在线 CV 或作品展示页。

技术栈link

• HTML5 + Bootstrap 5
• SCSS (SASS)
• Vanilla JavaScript
• Swiper.js（轮播组件）
• Google Fonts (Open Sans)

项目结构link

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/               # 图标字体

核心文件说明link

• index.html — 模板主入口首页
• assets/scss/ — SCSS 源文件，修改样式优先编辑此处
• assets/css/styles.css — 编译后的主样式文件
• assets/js/ — 包含 Swiper、jQuery Easing 等交互脚本
• documentation/ — 官方说明文档（含模板使用指南）

快速开始link

1. 直接用浏览器打开 index.html 即可预览
2. 若需自定义样式，编辑 SCSS 后执行：
   textcontent_copyCopy

   sass assets/scss/app.scss assets/css/styles.css --watch
   

使用建议link

适合作为个人作品集或在线简历站点；模板提供了博客、联系页等完整版块，可根据需求增删页面。SCSS 分层清晰，建议在修改前先通读 assets/scss/ 目录结构。