纯 HTML、CSS、JavaScript 构建的静态个人作品集与简历模板
HTML作品集
ranyeh24-v1 — HTML 作品集模板
作者 ranyeh24
基于 HTML、CSS、JavaScript 与 Tailwind CSS 的个人作品集与简历网站模板，含首页和 about 等内页，仓库采用 MIT 许可。
看看你的网站会是什么样
浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。
全部页面与视图 3
截图用于了解视觉与布局，交互效果请以实际项目为准。
采集于 2026-10-12查看来源
值得关注的模板亮点
从已有项目资料中，快速了解它的特点。
样式使用 Tailwind CSS
包含首页与 pages/about.html 等内页
提供桌面端与手机端实际页面截图，可见响应式布局
仓库采用 MIT 许可，附完整许可声明
模板详细介绍
这是一套用于个人作品集与简历展示的静态网站模板，作者在 README 中说明其用于自己的 portfolio 和 CV。技术栈为 HTML、CSS、JavaScript，并引入 Tailwind CSS 处理样式。
从仓库结构看，站点包含首页与 pages/about.html 等内页，桌面端与手机端均有实际页面截图，说明页面具备基本的响应式布局。模板本身不涉及后端或数据存储，属于纯前端静态页面。
使用限制方面：该版本代码采用 MIT 许可，可免费使用、修改、商用和分发，但分发代码副本或实质性部分时需保留原作者版权声明和完整 MIT 许可声明；代码按现状提供。演示图片、字体、图标等第三方素材需按各自许可单独核对，不能仅凭代码的 MIT 许可判断。README 未提供安装、构建或部署说明，也未说明浏览器兼容范围与可访问性支持情况。
HTML作品集
适合你的项目吗？
适用场景
- 搭建个人作品集网站，展示项目与个人介绍
- 作为在线简历或 CV 页面使用
- 作为学习 Tailwind CSS 与静态页面结构的参考
适合人群
- 需要静态个人作品集或简历页面的开发者
- 希望以 HTML 与 Tailwind CSS 为基础自行修改的开发者
- 需要 MIT 许可下可自由修改与分发代码的用户
上手与定制指南
结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。
- 1
README 未提供安装或构建步骤，需自行查看仓库文件结构
- 2
使用前请核对演示图片、字体、图标等第三方素材的许可
- 3
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明
- 4
外部托管、域名等服务可能产生额外费用
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供；担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
https://github.com/ranyeh24/ranyeh24-v1/blob/main/LICENSE.mdhttps://github.com/ranyeh24/ranyeh24-v1/blob/main/README.mdPermission is hereby granted, free of charge
许可证原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-12。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料一般 · 65 / 100
- 技术栈
- HTML
- 网站类型
- 作品集
这个分数如何计算
本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2024-09-19
- 截图检查日期
- 2026-10-12
已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 HTML。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
审核声明: [email protected] · 2026-10-13
查看当时使用的来源资料
SHA-256: bc21f82b2a194600af81dc7158aa1daeec5e1ce35ea96d86396ed36ab0ec61d1
2026-10-12T15:03:00.567Z
来源文件 / 仓库# Randy Y. Hasibuan - Personal Portfolio & CV This website template built for my portfolio and CV. ## Technologies Used * HTML * CSS * JavaScript * [Tailwind CSS](https://tailwindcss.com)
看看同类模板
对比同技术栈与用途的模板，找到更适合的视觉与内容结构。
simplefolio
⚡️ A minimal portfolio template for Developers
HTML · 作品集
Freelancer
Freelancer 是 Start Bootstrap 出品的单页作品集模板，专为自由职业者、设计师和小型工作室设计。 页面结构清晰，包含多个内容区块、响应式作品集网格，每个作品项目配有模态窗口展示详情。
HTML · 作品集
Resume
Resume 是 Start Bootstrap 推出的简历与 CV 主题，基于 Bootstrap 构建，采用固定侧边栏加内容区块的结构。
HTML · 作品集
Creative
Creative 是 Start Bootstrap 团队维护的一款单页营销模板，定位明确：为创意机构或产品服务提供一个以作品展示和行动号召为核心的落地页。
HTML · 企业官网
Grayscale
Grayscale 是 Start Bootstrap 出品的深色系单页 HTML 模板，基于 Bootstrap 构建。 它的视觉重心放在大尺寸首屏和清晰的内容分区上，整体氛围偏暗，适合摄影、活动或品牌叙事类网站。
HTML · 企业官网
startbootstrap-stylish-portfolio
Stylish Portfolio 是 Start Bootstrap 维护的单页作品集主题，基于 Bootstrap 构建，采用多个内容区块加离屏导航菜单的结构。
HTML · 作品集