HTML作品集

portfolio-template (jamuribe) — HTML 作品集模板

作者 jamuribe

jamuribe 的 portfolio-template 是一个使用 HTML、CSS 和 JavaScript 编写的简单响应式作品集模板，包含首页、项目与联系三个区块。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

1 个预览视图

作者提供的预览

查看源码在新标签页打开

作者提供的预览

来自项目 README 的原始预览。

目前有 1 张原始预览，可打开完整图片查看设计细节。

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

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

值得关注的模板亮点

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

使用 HTML、CSS 和 JavaScript 构建，不依赖复杂框架

页面包含 Home、Projects 和 Contact 三个区块

README 称其为完全响应式布局

联系表单未内置后端，需按外部教程接入 Google Script 发送邮件

仓库采用 Unlicense 许可，允许商业使用与修改分发

模板详细介绍

该模板由 jamuribe 发布在 GitHub，仓库名 portfolio-template，技术栈为 HTML，并配合 CSS 与 JavaScript。README 说明它是一个简单且完全响应式的作品集模板，页面结构包含 Home、Projects 和 Contact 三个部分。仓库提供了三张预览图，展示模板的整体外观。

关于联系表单，README 没有在模板内实现后端或邮件发送逻辑，而是指向 dwyl 的 learn-to-send-email-via-google-script-html-no-server 教程，说明如何借助 Google Script 在无服务器环境下发送邮件。因此表单的实际提交能力需要按该教程自行配置。

许可方面，仓库包含 LICENSE 文件，采用 Unlicense，允许复制、修改、发布、使用、编译、销售和分发该版本代码，包括商业用途；但演示图片、字体、图标等第三方素材需单独核对许可，域名、托管等外部服务也可能产生费用。

HTML作品集

适合你的项目吗？

适用场景

个人开发者搭建简单的作品集展示页面
作为学习 HTML、CSS 与 JavaScript 页面结构的参考项目
在已有静态托管环境中部署并替换为自己的项目内容

适合人群

需要轻量静态作品集页面的个人开发者
希望基于现成 HTML 模板快速修改内容的人
能自行配置联系表单邮件发送方案的使用者

上手与定制指南

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

1
仓库未提供构建步骤，按静态 HTML 项目直接打开或部署即可
2
联系表单需参考 README 中链接的 Google Script 教程自行配置
3
替换预览图与项目内容时，注意核对第三方素材的许可
4
部署前确认域名、托管等外部服务的费用与条款

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

允许免费复制、修改、发布、使用、编译、销售和分发该版本代码，包括商业用途。
作者通过公有领域贡献声明放弃相关版权；该声明的法律效果取决于适用司法辖区。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

联系表单未内置后端或邮件发送逻辑，README 仅指向外部 Google Script 教程，需自行配置才能实际发送邮件。
演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 Unlicense 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

for any purpose, commercial or non-commercial, and by any means
许可证原文

For a contact form how-to, go
README 原文

https://github.com/jamuribe/portfolio-template/blob/master/LICENSE https://github.com/jamuribe/portfolio-template/blob/master/README.md

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

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料较少 · 53 / 100
技术栈: HTML
网站类型: 作品集

这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间: 2020-11-18
截图检查日期: 2026-10-04

目前没有记录演示链接。请依据仓库说明在本地评估；仅凭截图无法确认交互行为。

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: 4614f34b350d40de7008c2cb6b575c7355c417178e0958f79d89ce89e4b3c054

2026-10-04T00:55:41.915Z

来源文件 / 仓库

<strong>Portfolio-template</strong>

<p>A simple and fully responsive HTML, CSS, and javascript portfolio template with Home, Projects and a Contact section.</p>
<br></br>
<img src="https://i.imgur.com/J6Lr9ck.jpg"/>
<img src="https://i.imgur.com/g7fhjTl.jpg"/>
<img src="https://i.imgur.com/ZqLdd6c.jpg"/>
<br></br>
<strong>Contact form</strong>
<br></br>
<p>For a contact form how-to, go <a href="https://github.com/dwyl/learn-to-send-email-via-google-script-html-no-server">here</a>.</p>

反馈内容错误