项目简介link

Mosso 是一款静态 HTML 个人作品集模板，适合展示博主、作品集或创作型网站。模板提供 14 个完整页面，支持响应式布局、暗黑模式切换、站内搜索等功能，可直接用于本地服务器环境运行。

技术栈link

• HTML5 / CSS3
• JavaScript（jQuery）
• Google Fonts（Heebo、Kanit、Playfair Display）
• SVG 图标

项目结构link

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 资源

核心文件说明link

• 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 图标目录

快速开始link

# 1. 下载并安装 XAMPP（或其他本地服务器工具）
# 2. 将 mainpack/html/ 目录内容上传至服务器根目录
# 3. 通过浏览器访问 localhost 或绑定的域名

注意：文档中提示 SVG 图标在本地直接双击打开时可能显示异常，建议通过本地服务器访问。

使用建议link

• 模板默认使用深色侧边栏文档页，如需更换为自己作品集，需编辑 html/index.html 及各页面内容。
• 暗黑模式切换功能已内置，可直接保留或移除对应 CSS/JS 引用。