ViteReact作品集

kurizu-discord — Vite 作品集模板

作者 crizmo

一个用 React 与 Vite 构建的 Discord 桌面应用风格个人作品集网站,把项目、技能与经历放进仿 Discord 的频道、帖子、成员列表与表情回应界面中展示。

看看你的网站会是什么样

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

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

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

全部页面与视图 2

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

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

值得关注的模板亮点

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

01

界面参照 Discord 桌面应用,包含频道侧边栏、帖子、成员列表等熟悉元素

02

侧边栏频道可自定义,便于按项目或主题组织内容

03

支持类似 Discord 的表情回应,作用于预设消息

04

提供 Discord 用户预览效果

05

使用 React 与 Vite 构建,代码以 MIT 许可开源

模板详细介绍

kurizu-discord 是一个以 Discord 桌面客户端界面为视觉参照的个人作品集网站,使用 React 与 Vite 构建,作者在 README 中说明其用途是展示自己的项目、技能与经历。页面结构模仿 Discord 的信息架构:左侧边栏列出可自定义的频道,内容区呈现类似 Discord 的帖子(Threads),右侧或侧边展示服务器成员列表,并支持对指定消息添加表情回应,还提供 Discord 用户预览效果。

仓库采用 MIT 许可,允许免费使用、修改、商用与分发该版本代码,分发时需保留版权与许可声明。README 的 ToDo 中仅列出“Updates Channel”一项尚未完成,说明当前版本的功能范围以已实现部分为准。演示图片、字体、图标等第三方素材的授权需单独核对,不能仅凭代码的 MIT 许可判断;域名、托管等外部服务可能另行收费。

ViteReact作品集

适合你的项目吗?

适用场景

  • 把个人项目、技能与经历以 Discord 服务器界面的形式呈现
  • 作为 React + Vite 项目,用于学习或参考仿聊天应用界面的实现方式
  • 在需要以频道、帖子、成员列表组织内容的展示型页面中复用其结构

适合人群

  • 希望作品集有鲜明聊天应用视觉风格的开发者
  • 熟悉 React 与 Vite、愿意按自身内容调整频道与消息数据的用户
  • 需要 MIT 许可下可自由修改与分发的展示型网站模板的人

上手与定制指南

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

  1. 1

    仓库为 React + Vite 项目,按 Vite 常规流程安装依赖并启动开发或构建命令

  2. 2

    频道、帖子、成员与表情回应等内容需按 README 所述自行配置

  3. 3

    README 的 ToDo 中 Updates Channel 尚未完成,使用前可先确认该部分是否影响需求

  4. 4

    演示图片、字体、图标等第三方素材需单独核对授权

  5. 5

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

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

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

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

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 86 / 100
技术栈
Vite · React
网站类型
作品集
这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间
2025-05-13
截图检查日期
2026-10-03

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: d091d6fa3eac9df027130f04018ad3e5ebcf759a22c6eea80fa3f43e8fb4f250

2026-10-03T00:15:30.203Z

来源文件 / 仓库
# Discord-Themed Website
![image](https://github.com/user-attachments/assets/9acdf85c-7e6a-48fc-953c-282514488e6f)

## Introduction

Welcome to my Discord-themed website! This website showcases my projects, skills, and experiences in the world of web development. The design is inspired by the popular Discord desktop application, and the website is built using React and Vite.

## Features

- Discord-inspired theme: The website's design takes inspiration from the aesthetics of the Discord desktop application, creating a unique and familiar user experience.
- Channels: Can customize the channels that are displayed on the sidebar.
- Threads: Threads like the ones discord has.
- Users: Server Users list
- Reactions: Reactions like the ones discord has but on set Messages.
- Discord user preview

## ToDo
- [ ] Updates Channel

## How to Use

To view the website, simply visit the following link: [kurizu-discord.vercel.app/](https://kurizu-discord.vercel.app)

## Feedback and Contact

I value your feedback! If you have any suggestions, find any bugs, or want to get in touch, you can do so through the following channels:

- GitHub: Open an issue on [GitHub](https://github.com/crizmo/kurizu-discord) to report bugs or provide suggestions.
- Discord: Reach out to me on Discord using the username `kurizu.taz`.

## License

This project is open-source and licensed under the [MIT License](LICENSE). Feel free to use, modify, and distribute the code as per the terms of the license.

---

Feel free to reach out to me if you have any questions or just want to chat about something you can connect with me on Discord!
反馈内容错误

看看同类模板

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