关于网页中页脚徽章的制作(二)
动态 XML 徽章（Shields.io）使用指南 - for-the-badge样式
类似于这样的
1,URL 构造
徽章的生成依赖于 URL 中的各个参数，通常一个典型的徽章 URL 形如：
https://img.shields.io/badge/文本-颜色?style=样式&logo=图标&logoColor=图标颜色
具体到这个例子：
https://img.shields.io/badge/Cloudflare-ee730a?style=for-the-badge&logo=Cloudflare&logoColor=black
示例：
文本与颜色部分：
Cloudflare是徽章上的文字（标签文本或主要标识）ee730a是代表徽章颜色的十六进制颜色码（不带“#”号）。通常这部分用连字符（-）分隔：Cloudflare-ee730a- 这种格式的好处是它非常直观：你只需改变文本或颜色码，就能改变徽章显示的内容及配色
查询参数部分：
style=for-the-badge：指定徽章样式。目前Shields.io支持多种样式，如flat、plastic、for-the-badge等。for-the-badge样式通常较为醒目、宽大，适合用作README或项目首页的标识。logo=Cloudflare：添加一个与Cloudflare相关的图标。Shields.io 内置了许多图标资源，支持通过logo参数直接使用。logoColor=black：设定图标颜色。这个参数允许你为图标指定一个统一颜色，使其更好地融合徽章设计
2，制作原理
动态生成： 当访问这个
URL时，Shields.io的服务器根据 URL 解析出相关参数，并动态生成对应的SVG（矢量图形）图像。SVG 格式保证了徽章在各种分辨率和尺寸下都能保持清晰度。参数灵活性： 你可以根据需要更改参数来达到不同效果：
- 修改
badge部分的文字与颜色，可以让徽章显示不同信息或状态（例如构建状态、版本号、许可证类型等）。 - 改变
style参数，可以调整徽章的视觉风格，使其更符合你的项目风格。 - 使用
logo和logoColor参数，可以为徽章添加合适的图标，这让徽章不仅传递文字信息，还增加了图像识别度。
- 修改
使用场景
项目文档：
很多开源项目将
Shields.io徽章嵌入到README文件中，来展示构建状态、测试覆盖率、许可证信息、版本号、依赖状态等，从而一目了然地展示项目信息。博客、网站或文档：
除了
GitHub项目，动态徽章也常用于个人博客、网站或其他需要实时状态展示的场所。只要更改URL参数，就能随时更新展示内容。
4. 制作步骤
1，确定需求：
明确你需要显示什么信息（如项目名称、状态、版本等），以及希望采用的配色和样式。
2，构造
URL： 根据需求，拼接URL。例如：文字与颜色：
/badge/YourText-ColorCode样式：
?style=for-the-badge图标：
&logo=YourLogoName图标颜色：
&logoColor=YourLogoColor
5，示例
# 前端框架
# 后端技术
# 数据库
# 工具
前端框架
后端技术
数据库
工具