装饰你的README

看起来舒服多了

Posted by hangyangjun on August 25, 2025

💬 语言切换

简易形式

1
2
3
**中文** | [English](./readme-en.md)  放在中文文档

[中文](./readme-zh.md) | **English**  放在英语文档

徽章形式

中文 English

1
[![语言](https://img.shields.io/badge/README-语言-494cad)](对应语言readmeURL)

⭐ 徽章

使用 shields 进行徽章的获取

💻 引入方法:

1
2
3
4
5
**Markdown格式**[![内容](shield请求url)](项目连接)

**HTML格式**<img src="shield请求url" alt="">

📘 使用方法

📕 静态徽章详解

1
2
3
4
Static Badge 静态徽章
只需更改url
<img src="https://img.shields.io/badge/左边文字-右边文字-右边颜色?style=样式(详情见官网)">
标签、信息和颜色由 - 分隔

🎨 徽章样式示例

图标需在 simpleicons 中查询
GitHub-Star-black?logo=github&logoColor=white
GitHub Star

扁平方形样式
?style=flat-square
Flat Square Badge

夸张徽章风格
Version-v2.5.0-blue?style=for-the-badge
Project Version

Hex 颜色
Color-Hex-%23FF6B6B
Hex Color

CSS 命名色
Color-CSS%20Name-teal
CSS Named Color

特殊字符 空格为 %20
10k%2B%20Downloads-purple
Downloads

含空格的消息(用 _ 替代空格:Hello_World)
Message-Hello_World-blue
Space with Underscore

含短横线的消息
Version-v1.0--beta-orange
Dash in Message

📱 社交徽章样式

x
Twitter Follow

B站
Bilibili Follow

🏆 项目标题

haoyangjunjun.github.io

📊 项目信息

基本状态

Development Status Code Quality Last Update

技术标识

Vue Tech Stack Python Jekyll Blog Badge

GitHub 数据(本项目)

Code Size Total Downloads GitHub Stars GitHub Forks GitHub Issues GitHub License GitHub Version

PyPI (示例)

PyPI Version Wheel PyPI Downloads PyPI License

💻 Tech Stack 技术栈(示例):

🖊️ Languages 编程语言

Rust JavaScript TypeScript Go Dart Python

🌐 Frontend 前端

React Next.js Vue Tech Stack

⚙️ Backend 后端

Rust Axum Node.js

🌍 Cross-Platform 跨平台

Tauri Flutter

⛓️ Blockchain 区块链

Solana Ethereum

🖼️ 图标使用

在线图标如: GitHub

1
<img src="https://simpleicons.p2hp.com/icons/tencentqq.svg" alt="GitHub" width="20" height="20">

本地图标(Jekyll)
需要基于 Jekyll 的规范,使用 site.baseurl 构建绝对路径 腾讯QQ

1
<img src="/img/icons/tencentqq.svg" alt="腾讯QQ" width="24" height="24">

🙏 致谢/贡献 Contributors 头像

Contributors

上面很棒的图片来自:contrib.rocks
使用起来很方便,大大滴好👍

📈 统计信息

Top Langs

1
![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=haoyangjunjun&layout=compact)
好氧菌
1
<img src="https://readme-typing-svg.herokuapp.com?font=Segoe+Script&center=true&lines=好氧菌" alt="好氧菌">
1
<img src="https://github-readme-stats.vercel.app/api?username=haoyangjunjun&show_icons=true&theme=tokyonight">

Repobeats Analytics
此图片由: repobeats.axiom.co 提供
也是非常👍