From e22b2913b4c913d47bb6c407f2e27239499da676 Mon Sep 17 00:00:00 2001
From: LynPtl <ptlantern@gmail.com>
Date: Sun, 28 Sep 2025 20:25:44 +1000
Subject: [PATCH] feat(docs): enhance README presentation

---
 README.en.md | 21 ++++++++++++++++++++-
 README.md    | 22 +++++++++++++++++++++-
 2 files changed, 41 insertions(+), 2 deletions(-)

diff --git a/README.en.md b/README.en.md
index b988a80..e0b5deb 100644
--- a/README.en.md
+++ b/README.en.md
@@ -2,7 +2,24 @@
   <a href="./README.md">简体中文</a> | <a href="./README.en.md">English</a>
 </p>
 
-# Involution Hell Knowledge Base
+<p align="center">
+  <a href="https://involutionhell.github.io">
+    <img src="./public/mascot.svg" width="150">
+  </a>
+</p>
+<p align="center"><a href="https://git.io/typing-svg"><img src="https://readme-typing-svg.demolab.com/?font=Fira+Code&weight=700&size=32&pause=1000&color=f6671b&center=true&vCenter=true&width=280&lines=Involution+Hell&duration=3000" alt="Typing SVG" /></a></p>
+
+<p align="center">
+  <img alt="Next.js" src="https://img.shields.io/badge/Next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white" />
+  <img alt="TypeScript" src="https://img.shields.io/badge/TypeScript-3178C6?style=for-the-badge&logo=typescript&logoColor=white" />
+  <img alt="Tailwind CSS" src="https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwindcss&logoColor=white" />
+  <img alt="Vercel" src="https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white" />
+  <a href="https://github.com/InvolutionHell/involutionhell.github.io/blob/main/LICENSE">
+    <img alt="License" src="https://img.shields.io/github/license/InvolutionHell/involutionhell.github.io?style=for-the-badge&color=blue">
+  </a>
+</p>
+
+
 
 ## 📋 About
 
@@ -64,6 +81,8 @@ Community contributions are always welcome:
 
 For the full workflow, PR checklist, and UI collaboration guidelines, see [CONTRIBUTING.md](CONTRIBUTING.md).
 
+[![Contributors](https://contrib.rocks/image?repo=InvolutionHell/involutionhell.github.io)](https://github.com/InvolutionHell/involutionhell.github.io/graphs/contributors)
+
 ## 🖼️ Documentation & Assets
 
 The repo ships with automated image migration and linting. Learn how to place assets, reference images, and structure frontmatter in:
diff --git a/README.md b/README.md
index ad4af69..1e35b7d 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,25 @@
   <a href="./README.md">简体中文</a> | <a href="./README.en.md">English</a>
 </p>
 
-# 内卷地狱知识库
+<p align="center">
+  <a href="https://involutionhell.github.io">
+    <img src="./public/mascot.svg" width="150">
+  </a>
+</p>
+
+<h1 align="center">内卷地狱知识库</h1>
+
+<p align="center">
+  <img alt="Next.js" src="https://img.shields.io/badge/Next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white" />
+  <img alt="TypeScript" src="https://img.shields.io/badge/TypeScript-3178C6?style=for-the-badge&logo=typescript&logoColor=white" />
+  <img alt="Tailwind CSS" src="https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwindcss&logoColor=white" />
+  <img alt="Vercel" src="https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white" />
+  <a href="https://github.com/InvolutionHell/involutionhell.github.io/blob/main/LICENSE">
+    <img alt="License" src="https://img.shields.io/github/license/InvolutionHell/involutionhell.github.io?style=for-the-badge&color=blue">
+  </a>
+</p>
+
+
 
 ## 📋 关于
 
@@ -74,6 +92,8 @@ pnpm dev
 
 完整流程、PR 检查与 UI 协作约定请参考 [CONTRIBUTING.md](CONTRIBUTING.md)。
 
+[![Contributors](https://contrib.rocks/image?repo=InvolutionHell/involutionhell.github.io)](https://github.com/InvolutionHell/involutionhell.github.io/graphs/contributors)
+
 ## 🖼️ 文档与资产
 
 仓库提供自动化图片迁移与 Lint 规则。如何放置图片、引用资产、撰写 Frontmatter 等细节已在贡献指南中整理：