当前位置：首页 > news >正文

装饰你的README

news 2025/9/13 10:15:46

💬 语言切换

简易形式

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

徽章形式

注意：由于众所周知的网络问题，在这里不好展示图片
不如去这里看

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

⭐ 徽章

使用 shields 进行徽章的获取

💻 引入方法：

**Markdown格式**：  
[![内容](shield请求url)](项目连接)**HTML格式**：
<img src="shield请求url" alt="">

📘 使用方法

📕 静态徽章详解

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

🎨 徽章样式示例

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

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

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

Hex 颜色
Color-Hex-%23FF6B6B

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

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

含空格的消息（用 _ 替代空格：Hello_World）
Message-Hello_World-blue

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

📱 社交徽章样式

B站
![Bilibili Follow](https://img.shields.io/badge/关注-我的B站-FB7299?style=social&logo=bilibili)

🏆 项目标题

haoyangjunjun.github.io

📊 项目信息

### 基本状态
![Development Status](https://img.shields.io/badge/Status-Active-brightgreen)
![Code Quality](https://img.shields.io/badge/Code--Quality-A-brightgreen?logo=codefactor&logoSize=auto)
![Last Update](https://img.shields.io/badge/Last%20Update-2024.05-orange?labelColor=gray)### 技术标识
![Vue Tech Stack](https://img.shields.io/badge/Tech-Vue%203-green?logo=vuedotjs&logoSize=auto)
[![Python](https://img.shields.io/badge/Python-3-blue)](https://www.python.org/)
![Jekyll Blog Badge](https://img.shields.io/badge/Blog-Jekyll%20Powered-%233498DB?style=flat-square&logo=jekyll&logoColor=white&labelColor=%232C3E50)### GitHub 数据（本项目）
[![Code Size](https://img.shields.io/github/languages/code-size/haoyangjunjun/haoyangjunjun.github.io)](https://github.com/haoyangjunjun/haoyangjunjun.github.io)
[![Total Downloads](https://img.shields.io/github/downloads/haoyangjunjun/haoyangjunjun.github.io/total)](https://github.com/haoyangjunjun/haoyangjunjun.github.io)
[![GitHub Stars](https://img.shields.io/github/stars/haoyangjunjun/haoyangjunjun.github.io.svg)](https://github.com/haoyangjunjun/haoyangjunjun.github.io)
[![GitHub Forks](https://img.shields.io/github/forks/haoyangjunjun/haoyangjunjun.github.io.svg)](https://github.com/haoyangjunjun/haoyangjunjun.github.io/fork)
[![GitHub Issues](https://img.shields.io/github/issues/haoyangjunjun/haoyangjunjun.github.io)](https://github.com/haoyangjunjun/haoyangjunjun.github.io/issues)
![GitHub License](https://img.shields.io/github/license/haoyangjunjun/haoyangjunjun.github.io)
![GitHub Version](https://img.shields.io/github/package-json/v/haoyangjunjun/haoyangjunjun.github.io)## PyPI （示例）[![PyPI Version](https://img.shields.io/pypi/v/pywxdump)](https://pypi.org/project/pywxdump/)
[![Wheel](https://img.shields.io/pypi/wheel/pywxdump)](https://pypi.org/project/pywxdump/)
[![PyPI Downloads](https://img.shields.io/pypi/dm/pywxdump)](https://pypistats.org/packages/pywxdump)
[![PyPI License](https://img.shields.io/pypi/l/pywxdump)](https://github.com/haoyangjunjun/haoyangjunjun.github.io/blob/master/LICENSE)## 💻 Tech Stack 技术栈（示例）:### 🖊️ Languages 编程语言
![Rust](https://img.shields.io/badge/rust-%23DEA584.svg?style=flat&logo=rust&logoColor=%23000000)
![JavaScript](https://img.shields.io/badge/javascript-%23F7DF1E.svg?style=flat&logo=javascript&logoColor=%23000000)
![TypeScript](https://img.shields.io/badge/typescript-%233178C6.svg?style=flat&logo=typescript&logoColor=white)
![Go](https://img.shields.io/badge/go-%2300ADD8.svg?style=flat&logo=go&logoColor=white)
![Dart](https://img.shields.io/badge/dart-%230175C2.svg?style=flat&logo=dart&logoColor=white)
[![Python](https://img.shields.io/badge/Python-3-blue)](https://www.python.org/)### 🌐 Frontend 前端
![React](https://img.shields.io/badge/react-%2361DAFB.svg?style=flat&logo=react&logoColor=%23000000)
![Next.js](https://img.shields.io/badge/next.js-%23000000.svg?style=flat&logo=nextdotjs&logoColor=white)
![Vue Tech Stack](https://img.shields.io/badge/Tech-Vue%203-green?logo=vuedotjs&logoSize=auto)### ⚙️ Backend 后端
![Rust Axum](https://img.shields.io/badge/axum-%23DEA584.svg?style=flat&logo=rust&logoColor=%23000000)
![Node.js](https://img.shields.io/badge/node.js-%23339933.svg?style=flat&logo=node.js&logoColor=white)### 🌍 Cross-Platform 跨平台
![Tauri](https://img.shields.io/badge/tauri-%234E5B62.svg?style=flat&logo=tauri&logoColor=white)
![Flutter](https://img.shields.io/badge/flutter-%2302569B.svg?style=flat&logo=flutter&logoColor=white)### ⛓️ Blockchain 区块链
![Solana](https://img.shields.io/badge/solana-%2366F9A1.svg?style=flat&logo=solana&logoColor=white)
![Ethereum](https://img.shields.io/badge/ethereum-%233C3C3D.svg?style=flat&logo=ethereum&logoColor=%236172E5)

🖼️ 图标使用

在线图标如：

<img src="https://img-home.csdnimg.cn/images/20230724024159.png?origin_url=https%3A%2F%2Fsimpleicons.p2hp.com%2Ficons%2Ftencentqq.svg&pos_id=img-Jv1ycxIC-1757644951364)" alt="GitHub" width="20" height="20">

本地图标（Jekyll）：
需要基于 Jekyll 的规范，使用 site.baseurl 构建绝对路径

<img src="{{ site.baseurl }}/img/icons/tencentqq.svg" alt="腾讯QQ" width="24" height="24">

🙏 致谢/贡献 Contributors 头像

使用：contrib.rocks
使用起来很方便，大大滴好👍

📈 统计信息

![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=haoyangjunjun&layout=compact)

动态标题

<img src="https://readme-typing-svg.herokuapp.com?font=Segoe+Script&center=true&lines=好氧菌" alt="好氧菌">

个人统计信息

<img src="https://img-home.csdnimg.cn/images/20230724024159.png?origin_url=https%3A%2F%2Fgithub-readme-stats.vercel.app%2Fapi%3Fusername%3Dhaoyangjunjun%26show_icons%3Dtrue%26theme%3Dtokyonight&pos_id=img-7JwGjQYR-1757644951412)">

由： repobeats.axiom.co 提供的统计信息
也是非常👍