一个用于展示统计数据的工具 😀
https://stats-utils.vercel.app/github-stats?username=[用户名]
- 案例:
https://stats-utils.vercel.app/github-stats?username=biaov
👀 点击查看 JSON 数据
{
"contributions": [
{
"contributionCount": 3,
"date": "2023-08-28"
},
{
"contributionCount": 3,
"date": "2023-08-29"
},
{
"contributionCount": 3,
"date": "2023-08-30"
},
{
"contributionCount": 3,
"date": "2023-08-31"
},
{
"contributionCount": 10,
"date": "2023-09-01"
},
{
"contributionCount": 39,
"date": "2023-09-02"
},
{
"contributionCount": 3,
"date": "2023-09-03"
},
{
"contributionCount": 3,
"date": "2023-09-04"
},
{
"contributionCount": 5,
"date": "2023-09-05"
},
{
"contributionCount": 4,
"date": "2023-09-06"
},
{
"contributionCount": 3,
"date": "2023-09-07"
},
{
"contributionCount": 11,
"date": "2023-09-08"
},
{
"contributionCount": 3,
"date": "2023-09-09"
},
{
"contributionCount": 3,
"date": "2023-09-10"
},
{
"contributionCount": 20,
"date": "2023-09-11"
},
{
"contributionCount": 16,
"date": "2023-09-12"
},
{
"contributionCount": 20,
"date": "2023-09-13"
},
{
"contributionCount": 4,
"date": "2023-09-14"
},
{
"contributionCount": 5,
"date": "2023-09-15"
},
{
"contributionCount": 3,
"date": "2023-09-16"
},
{
"contributionCount": 3,
"date": "2023-09-17"
},
{
"contributionCount": 22,
"date": "2023-09-18"
},
{
"contributionCount": 6,
"date": "2023-09-19"
},
{
"contributionCount": 16,
"date": "2023-09-20"
},
{
"contributionCount": 3,
"date": "2023-09-21"
},
{
"contributionCount": 6,
"date": "2023-09-22"
},
{
"contributionCount": 3,
"date": "2023-09-23"
},
{
"contributionCount": 0,
"date": "2023-09-24"
},
{
"contributionCount": 20,
"date": "2023-09-25"
},
{
"contributionCount": 5,
"date": "2023-09-26"
},
{
"contributionCount": 3,
"date": "2023-09-27"
}
],
"name": "biaov"
}
![案例](https://stats-utils.vercel.app/svg?text=案例)
名称 | 描述 | 类型 | 默认值 |
---|---|---|---|
text | 文本内容 | string | -- |
size | 文本字体大小, 单位像素 | number | 34 |
color | 文本颜色, 支持 16 进制, 自带 # , 或者 rgb , rgba |
string | f56c6c |
![CSDN 数据](https://stats-utils.vercel.app/csdn/biao_feng)
名称 | 描述 | 类型 | 默认值 |
---|---|---|---|
color | 文本颜色, 支持 16 进制, 自带 # , 或者 rgb , rgba |
string | 38bdae |
background | 背景颜色, 支持 16 进制, 自带 # , 或者 rgb , rgba |
string | 1a1b27 |
title | 标题内容 | string | CSDN 数据 |
titleColor | 标题颜色, 支持 16 进制, 自带 # , 或者 rgb , rgba |
string | 70a5fd |
![包名](https://stats-utils.vercel.app/downloads/包名)
名称 | 描述 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
color | 下载量背景色 | string | -- | 4c1 |
label | 标注 | string | -- | downloads |
labelColor | 标注背景色 | string | -- | 555 |
start | 统计开始时间 | string | -- | 当前日期往前一年 |
end | 统计结束时间 | string | -- | 当前日期 |
icon | 图标名称 | string | simple-icons | -- |
svg | 是否返回 svg | string | true / false | true |
- 运行以下命令安装依赖时, 会自动创建
.env.development
环境变量文件
npm i
npm start
npm run build
- 短横线命名(kebab-case): 文件名
- 帕斯卡命名(PascalCase, 大驼峰命名: CamelCase): 枚举命名, 类型命名, 类命名
- 小驼峰命名(camelCase): 变量命名
Vite
+TS
+NodeJs
+Express
axios
: 网络请求工具canvas
: 位图工具dayjs
: 时间处理工具dom-parser
: 解析 HTMLexpress
: Node 开发框架simple-icons
: icon 图标库
@types/express
:express
的类型@types/node
:node
的类型terser
: 压缩代码typescript
: 编程语言vite
: 项目构建工具vite-plugin-node
: vite 插件, 开启 Node.js 服务器