Popito - 个人作品集 HTML 模板 preview 1

Popito - 个人作品集 HTML 模板

bookmark

Popito 是一个由 Frenify 开发的个人作品集（Portfolio）HTML 模板，采用纯静态 HTML/CSS/JS 构建，适合用于展示个人作品、博客或开发者简历页面。模板包含 14 个完整页面，涵盖作者介绍、文章标签、会员体系等完整功能。

HTML

项目简介

Popito 是一个由 Frenify 开发的个人作品集（Portfolio）HTML 模板，采用纯静态 HTML/CSS/JS 构建，适合用于展示个人作品、博客或开发者简历页面。模板包含 14 个完整页面，涵盖作者介绍、文章标签、会员体系等完整功能。

技术栈

  • HTML5 + CSS3（纯静态页面）
  • JavaScript（jQuery）
  • Google Fonts（Nunito + Roboto）
  • SVG 图标
  • 响应式布局

项目结构

text
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 文件
help_outline

常见问题