@@ -2,6 +2,90 @@
sidebar: auto
---
# title

info
D2 Ribbons 是一套为开发者准备的开源社区绶带资源,你你可以下载图片到你的项目中使用或者直接使用仓库资源链接。
项目地址 [https://github.com/d2-projects/d2-ribbons ](https://github.com/d2-projects/d2-ribbons )
## Features
* 扁平化风格
* Github Gitlab Gitee 三套图标
* 六色主题
* 半透明 / 不透明样式
* 文字 / 图标样式
* @2x 资源
* 统一尺寸( 150 x 150 / 300 x 300 @2x )
* 附带 Github 经典样式的绶带
## Story
> 我想了想究竟是预览放在前面还是介绍放在前面,最后我觉得应该先写东西,因为预览图太多了
萌生做这么一个项目是从做 [D2Admin ](https://github.com/d2-projects/d2-admin ) 的时候,我想给我的项目页面角落加一个 “Fork me on github”, 然后我就找了几个开源项目想看看他们用的是什么图片, 都不很理想, 后来找到了 Github 官方的 ribbons, 但是和我的项目风格不是很搭配, Github 官方的 ribbons 还是以前的拟物风格,我希望有一个比较“扁平化”的绶带放在上面,于是我就临时画了一个放上去了,长这个样子:

于是之后我就画了大概半天的事件,画了一套 ribbons 给以后用,自己用,也希望大家能用到,不仅有 github, 还有 gitlab 和码云的版本,暂时只做了这些,以后有好的想法了再添加。


> 所有的东西都出自一个程序员之手,没有经过专业的设计学习,请大家觉得丑的话轻喷
sketch 是我最喜欢的设计软件,推荐给大家。
在设计这套图片的时候我也尽量发挥了 sketch 的特性, 比如颜色配置, 公用样式, symbol等很好用的功能, 这些都可以达到改一处动全部和事半功倍的效果。
下面放上效果预览:
## Preview







































## How to use
没有固定的使用方法,都是图片,你可以下载下来用到你的项目里,或者直接使用本仓库的图片链接。每款绶带都有 @2x 版本
后续还会陆续更新其它的图片资源。
其实不论 github 还是码云,官方提供的都有类似的 ribbon, 看个人喜好选择 D2 还是官方就好