HTML作品集

personal-website-template — HTML 作品集模板

作者 wickstudio

一个采用赛博朋克视觉风格的纯 HTML 个人网站模板，包含关于、教育、经历、作品集、技能、简历、评价、博客和联系等板块，适合开发者与设计师直接编辑内容后使用。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

2 个预览视图

桌面端首页1 / 2

访问演示网站在新标签页打开

桌面端截图首屏预览

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

全部页面与视图 2

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

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

值得关注的模板亮点

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

赛博朋克风格视觉设计，包含动画背景与悬停动画

纯 HTML 技术栈，配合 CSS 与 JavaScript，无需构建工具

覆盖 About、Education、Experience、Portfolio、Skills、Resume、Testimonials、Blog、Contact 等个人展示板块

导航支持平滑滚动，页面为响应式布局

联系表单标注了服务端集成，需自行配置后端处理

MIT 许可，允许免费使用、修改、商用与分发

模板详细介绍

该模板由 wickstudio 发布在 GitHub，仓库名为 personal-website-template，技术栈为纯 HTML，并配有 CSS 与 JavaScript 文件。页面结构围绕个人展示展开，包含 About、Education、Experience、Portfolio、Skills、Resume、Testimonials、Blog 和 Contact 等板块，导航支持平滑滚动，链接与元素带有悬停动画，背景带有动画效果。联系表单标注了服务端集成，需要自行准备后端处理逻辑。

限制方面，仓库未提供依赖清单或构建流程说明，模板中的演示图片、字体、图标等第三方素材需按各自许可单独核对，不能仅凭代码的 MIT 许可判断可用性。联系表单的服务端集成细节需查看仓库代码确认，域名、托管等外部服务可能产生额外费用。

HTML作品集

适合你的项目吗？

适用场景

开发者或设计师搭建个人作品集与简历页面
需要展示教育经历、工作经历与技能列表的个人主页
希望附带博客板块分享文章与经验的个人站点
作为学习 HTML、CSS 与 JavaScript 页面结构的参考项目

适合人群

具备基础 HTML、CSS 和 JavaScript 知识、愿意手动编辑文件的开发者
需要快速搭建个人展示页面的设计师或自由职业者
偏好纯静态 HTML 结构、不希望引入构建工具的建站者

上手与定制指南

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

1
使用 git clone 克隆仓库到本地，并用代码编辑器打开项目文件夹
2
编辑 HTML 文件替换占位文本与页面结构，替换 img 目录中的图片
3
修改 styles.css 调整配色与样式，按需增删板块
4
联系表单需要自行准备服务端处理逻辑，仓库未提供可直接使用的后端
5
演示图片、字体、图标等第三方素材需按各自许可单独核对

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

联系表单需要服务端集成，仓库未提供可直接使用的后端处理逻辑，使用者需自行准备并可能产生服务器或托管费用。
模板中的图片等占位素材需替换为使用者自有内容，第三方素材的许可需单独核对。
演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

Contact form with server-side integration.
README 原文

Replace the placeholder content with your own information and images to create a personalized website.
README 原文

https://github.com/wickstudio/personal-website-template/blob/main/LICENSE https://github.com/wickstudio/personal-website-template/blob/main/readme.md

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

项目核对记录与介绍依据

模板资料

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

这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间: 2023-10-09
截图检查日期: 2026-10-03

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 693814c7cac9336d6008aaeb72049d6519b9bd49619471b08f1f1fae166de609

2026-10-03T04:49:07.966Z

来源文件 / 仓库

# Personal Website Template

Create your own stunning personal website with this customizable template. Showcase your portfolio, skills, blog, and more. This template features a cyberpunk-inspired design.

![Screenshot](https://media.discordapp.net/attachments/1066439278932009021/1160729710129598464/image.png?ex=6535b8c8&is=652343c8&hm=1da9f4b93d1062f4e0a4b8251a9d7c5fdc48a637fa1339f0b58e684e034447d4&=&width=1300&height=673)

## Table of Contents

- [Demo](#demo)
- [Features](#features)
- [Getting Started](#getting-started)
  - [Prerequisites](#prerequisites)
  - [Installation](#installation)
- [Usage](#usage)
- [Customization](#customization)
- [Contributing](#contributing)
- [License](#license)

## Demo

View a live demo of the template [here](https://personal-website-template-uuqp.vercel.app/)

## Features

- Cyberpunk-inspired design.
- Responsive layout.
- Sections for About, Education, Experience, Portfolio, Skills, Resume, Testimonials, Blog, and Contact.
- Smooth scrolling navigation.
- Animated background.
- Hover animations for links and elements.
- Contact form with server-side integration.
- Easy customization.
- Blog section for sharing your thoughts and experiences.

## Getting Started

To get started with this template, follow these steps:

### Prerequisites

- Code editor (e.g., Visual Studio Code)
- Basic knowledge of HTML, CSS, and JavaScript

### Installation

1. Clone the repository to your local machine:

   ```bash
   git clone https://github.com/Wickdev077/personal-website-template.git
   ```

2. Open the project folder in your code editor.

3. Customize the website by editing the HTML and CSS files to add your content and style.

## Usage

Replace the placeholder content with your own information and images to create a personalized website.

## Customization

You can customize the template by:

- Editing HTML files to change text and structure.
- Replacing images in the `img` folder.
- Updating the `styles.css` file for styling changes.

Feel free to modify the design, add new sections, or incorporate additional features to suit your needs.

## Contributing

Contributions are welcome! If you have any suggestions, improvements, or bug fixes, please open an issue or create a pull request.

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

---


![WICK](https://media.discordapp.net/attachments/1066439278932009021/1160333955455795292/New_Project_-_2023-10-04T194651.988-fotor-2023100717817.png?ex=65344834&is=6521d334&hm=e9d50555efb53e664e775fbb3ed8430362fff9918d9c62100ffd3e47b29dad84&=&width=1285&height=675)

© 2023 Wick | [Privacy Policy](privacy-policy.md) | [Terms of Service](terms-of-service.md)

反馈内容错误