update badge

.github/workflows/node.js.yml → .github/workflows/ci.yml

@@ -1,7 +1,7 @@
 # This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
 # For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
 
-name: Build CI
+name: ci
 
 on:
   push:

README.md

@@ -1,6 +1,9 @@
 # vue-git-comment
 
-[![npm][npm_image]][npm_url] [![Github Actions][actions_image]][actions_url] [![gzip][gzip_image]][gzip_url] [![license][license_image]][npm_url]
+[![npm][npm_image]][npm_url]
+[![gzip][gzip_image]][gzip_url]
+[![Github Actions][actions_image]][actions_url]
+[![license][license_image]][npm_url]
 
 这是一个基于 `github issues` 和 `vue` 的纯前端评论组件，不需要服务端。
 
@@ -121,10 +124,10 @@ gitalk 我也特地去了解了一哈，也是非常优秀的一个项目。但
 
 ## Enjoy it! >\_<#@!
 
-[npm_image]: https://img.shields.io/npm/v/vue-git-comment.svg
+[npm_image]: https://img.shields.io/npm/v/vue-git-comment.svg?logo=npm&style=flat-square
 [npm_url]: https://www.npmjs.com/package/vue-git-comment
-[actions_image]: https://github.com/shalldie/vue-git-comment/actions/workflows/node.js.yml/badge.svg
+[actions_image]: https://img.shields.io/github/workflow/status/shalldie/vue-git-comment/ci?label=build&logo=github&style=flat-square
 [actions_url]: https://github.com/shalldie/vue-git-comment/actions
-[gzip_image]: https://img.badgesize.io/https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-git-comment.umd.min.js?compression=gzip
+[gzip_image]: https://img.badgesize.io/https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-git-comment.umd.min.js?compression=gzip&style=flat-square
 [gzip_url]: https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-git-comment.umd.min.js
-[license_image]: https://img.shields.io/npm/l/vue-git-comment.svg
+[license_image]: https://img.shields.io/npm/l/vue-git-comment.svg?style=flat-square