Mosso - 个人作品集 HTML 模板

# 项目简介 Mosso 是一款静态 HTML 个人作品集模板，适合展示博主、作品集或创作型网站。模板提供 14 个完整页面，支持响应式布局、暗黑模式切换、站内搜索等功能，可直接用于本地服务器环境运行。 ## 技术栈 - HTML5 / CSS3 - JavaScript（jQuery） - Google Fonts（Heebo、Kanit、Playfair Display） - SVG 图标 ## 项目结构 ``` mossohtml-10/mainpack/ ├── doc/ │ ├── index.html # 文档首页 │ ├── css/ │ ├── js/ │ └── img/ └── html/ ├── index.html # 主页 ├── about.html # 关于页 ├── contact.html # 联系页 ├── membership.html # 会员页 ├── projects.html # 项目页 ├── sign-in.html # 登录页 ├── sign-up.html # 注册页 ├── single.html # 文章详情页 └── assets/ # CSS/JS/SVG 资源 ``` ## 核心文件说明 - `html/index.html` — 站点首页，包含头部导航与内容区 - `html/assets/css/style.css` — 主样式表，控制整体视觉风格 - `html/assets/css/base.css` — 基础重置与通用样式 - `html/assets/css/responsive.css` — 媒体查询，移动端适配 - `doc/index.html` — 官方文档说明，含安装与定制教程 - `html/assets/svg/` — SVG 图标目录 ## 快速开始 ```bash # 1. 下载并安装 XAMPP（或其他本地服务器工具） # 2. 将 mainpack/html/ 目录内容上传至服务器根目录 # 3. 通过浏览器访问 localhost 或绑定的域名 ``` > 注意：文档中提示 SVG 图标在本地直接双击打开时可能显示异常，建议通过本地服务器访问。 ## 使用建议 - 模板默认使用深色侧边栏文档页，如需更换为自己作品集，需编辑 `html/index.html` 及各页面内容。 - 暗黑模式切换功能已内置，可直接保留或移除对应 CSS/JS 引用。