Axi's Blog

Back

奇奇怪怪的 CS 小技巧Blur image

前言#

在这里也算是开一个新坑,分享一些没什么用但是或许对于一些人来说比较有帮助的内容,主要来说是一些 CS 的一些装饰性的内容,或者说一些简单易懂的技巧,比如说某些主题设置,或者类似 watch -n 1 nvidia-smi 这种几行就能说完的内容。

Github badges#

准确的说,这种 badges 是可以在任何地方使用的,但是一般来说还是在 Github 里面见到的会多一些,所以干脆就在描述中添加一个 Github 的前缀。具体这个是个啥呢,在这里介绍的是我比较喜欢的一种描述一些 popular brands 的 badges,大概如下:

所以基本上可以发现,假如说你有一些需求,比如说想要展示自己的技能,就可以通过这种方法来展示这些技能对应的 badges,也算是一种十分炫酷的方法。本质上这个东西依然是通过经典的 shields.io 来实现的,具体的详情可以从链接进去来看文档,这里面给一种比较傻瓜式的调用方法:

![](https://img.shields.io/badge/{title}-{color}?style=for-the-badge&logo={logoname}&logoColor={logocolor})
txt

这里面可以看到四个内容,分别是:

  • title:badge 的文字描述。
  • color:badge 的背景色,使用 hex 编码表示(不包括 #)。
  • logoname:badge 的 logo 名称。
  • logocolor:logo 的颜色,使用 hex 编码表示(不包括 #)。

在这里面,logo 的名称可以在 https://simpleicons.org/ 中找到,在这里建议将 logo 颜色设置为白色,然后背景色设置为网页中推荐的那个 logo 的配色,会比正常设置要有质感一些,比如说显示 vitepress,就可以使用:

![](https://img.shields.io/badge/vitepress-5C73E7?style=for-the-badge&logo=vitepress&logoColor=FFFFFF)
txt
奇奇怪怪的 CS 小技巧
https://axi404.top/blog/littleskills
Author 阿汐
Published at September 10, 2024
Comment seems to stuck. Try to refresh?✨