HTML作品集

Horizon-Portfolio — HTML 作品集模板

作者 cbarnett427

Horizon-Portfolio 是一个采用 MIT 许可的极简开发者作品集单页模板,使用纯 HTML 与原生 CSS 编写,可直接部署到 GitHub Pages。

看看你的网站会是什么样

浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。

2 个预览视图
桌面端首页1 / 2
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局,交互效果请以实际项目为准。

采集于 2026-10-11查看来源

值得关注的模板亮点

从已有项目资料中,快速了解它的特点。

01

单页布局,适合集中展示开发者个人信息与作品

02

使用纯 HTML 与原生 CSS 编写,不依赖前端框架

03

提供浅色与深色两种显示模式

04

响应式布局,同时适配桌面端与移动端

05

自带 GitHub Pages 在线演示,可作为静态站点直接托管

06

代码采用 MIT 许可,允许免费使用、修改、商用与分发

模板详细介绍

Horizon-Portfolio 是一个面向开发者的作品集模板,采用极简设计,整体为单页布局。仓库资料显示它使用 HTML 构建,样式由原生 CSS(Vanilla CSS)编写,不依赖前端框架。模板提供浅色与深色两种模式,并适配响应式布局,页面在桌面端与移动端均可正常显示。README 声明其标记与样式符合 HTML5 与 CSS3 规范,且附带整理过的文档。项目自带 GitHub Pages 在线演示,说明它可以直接以静态站点形式托管。

使用限制方面,模板定位为个人作品集展示页面,资料未涉及后台、数据库或表单处理等动态功能。代码以 MIT 许可发布,允许免费使用、修改、商用与分发,但分发代码副本或实质性部分时需保留原作者版权声明与完整 MIT 许可声明。仓库中的演示图片、字体、图标等第三方素材需按各自许可单独核对,不能仅凭代码的 MIT 许可判断。域名、托管等外部服务可能产生额外费用。

HTML作品集

适合你的项目吗?

适用场景

  • 搭建个人开发者作品集页面并部署到 GitHub Pages
  • 作为纯静态 HTML/CSS 项目的学习与改造起点
  • 快速替换文字与图片,制作个人简介单页

适合人群

  • 需要极简风格作品集页面的开发者
  • 希望用纯 HTML 与 CSS 维护站点、不引入框架的用户
  • 计划通过 GitHub Pages 免费托管静态页面的个人

上手与定制指南

结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。

  1. 1

    仓库提供 GitHub Pages 在线演示,可先访问演示确认效果

  2. 2

    使用前请核对仓库中演示图片、字体、图标等第三方素材的许可

  3. 3

    分发代码副本或实质性部分时,保留原作者版权声明与完整 MIT 许可声明

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供;担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-11。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料一般 · 65 / 100
技术栈
HTML
网站类型
作品集
这个分数如何计算

本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2022-10-12
截图检查日期
2026-10-11

已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 HTML。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-13

查看当时使用的来源资料

SHA-256: ddd73aff15e5c124511e41d117793fdb36a37e48d234c84d8761b3e5d419f72f

2026-10-11T21:25:28.099Z

来源文件 / 仓库
<div align="center">
<h1>Horizon Portfolio</h1>
<i>A developer portfolio template with a minimal design, that works with GitHub Pages.</i><br>
<a href="https://cbarnett427.github.io/Horizon-Portfolio/"><b>Live Demo</b></a>
<h2 align="center">
  <img src="https://github.com/cbarnett427/Horizon-Portfolio/blob/main/img/HorizonExample1.png" alt="Horizon Portfolio"/>
  <sub><sup>© 2022 Horizon Portfolio - Licensed under the <a href="./LICENSE">MIT License</a>.</sup></sub>
  <br>
</h2>
</div>

## Features :tada:
:star: One Page Layout\
:star: Responsive Layout\
:star: Valid HTML5 & CSS3\
:star: Light & Dark Modes\
:star: Organized documentation\
:star: Styled with Vanilla CSS
反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。