Popito - Personal Portfolio HTML Template

# 项目简介 Popito 是一个由 Frenify 开发的个人作品集（Portfolio）HTML 模板，采用纯静态 HTML/CSS/JS 构建，适合用于展示个人作品、博客或开发者简历页面。模板包含 14 个完整页面，涵盖作者介绍、文章标签、会员体系等完整功能。 ## 技术栈 - HTML5 + CSS3（纯静态页面） - JavaScript（jQuery） - Google Fonts（Nunito + Roboto） - SVG 图标 - 响应式布局 ## 项目结构 ``` popitohtml-10/ ├── mainpack/ │ ├── doc/ # 官方文档（含使用说明） │ │ ├── index.html │ │ ├── css/style.css │ │ └── js/ │ └── html/ # 实际使用的网站模板 │ ├── index.html # 首页 │ ├── about.html # 关于页 │ ├── contact.html # 联系页 │ ├── membership.html # 会员页 │ ├── authors.html # 作者列表 │ ├── author.html # 单个作者页 │ ├── single.html # 文章详情页 │ ├── sign-in.html # 登录页 │ ├── sign-up.html # 注册页 │ └── assets/css/ # 模板样式文件 ``` ## 核心文件说明 - `html/index.html` — 模板首页入口 - `html/assets/css/style.css` — 主样式文件，控制整体视觉风格 - `html/assets/css/responsive.css` — 响应式适配样式 - `doc/index.html` — 官方文档（包含模板安装教程、HTML 结构说明等） - `doc/css/style.css` — 文档页样式 - `doc/js/init.js` — 文档页锚点导航脚本 ## 快速开始 1. 解压下载的压缩包 2. 进入 `mainpack/html/` 目录 3. 直接用浏览器打开 `index.html`，或通过本地服务器（如 XAMPP）访问 4. 如需修改内容，编辑对应 HTML 文件即可 ## 使用建议 - 模板使用 Nunito 和 Roboto 字体，建议通过 Google Fonts CDN 引入以确保正常显示 - 由于大量使用 SVG 图标，建议通过 localhost 本地服务器打开页面，而非直接双击 HTML 文件