diff --git a/docs/zh/ecosystem-d2-admin-ice/README.md b/docs/zh/ecosystem-d2-admin-ice/README.md index 4b94ed06..0de0f0d3 100644 --- a/docs/zh/ecosystem-d2-admin-ice/README.md +++ b/docs/zh/ecosystem-d2-admin-ice/README.md @@ -2,6 +2,8 @@ sidebar: auto --- -# title +# D2Admin ICE -info \ No newline at end of file +项目地址 [https://github.com/d2-projects/d2-admin-ice](https://github.com/d2-projects/d2-admin-ice) + +使用方法见 [https://juejin.im/post/5b6349716fb9a04f834669d6](https://juejin.im/post/5b6349716fb9a04f834669d6) \ No newline at end of file diff --git a/docs/zh/ecosystem-d2-admin-start-kit/README.md b/docs/zh/ecosystem-d2-admin-start-kit/README.md index 4b94ed06..b0f62e36 100644 --- a/docs/zh/ecosystem-d2-admin-start-kit/README.md +++ b/docs/zh/ecosystem-d2-admin-start-kit/README.md @@ -2,6 +2,15 @@ sidebar: auto --- -# title +# D2Admin 项目起始模板 -info \ No newline at end of file +项目地址 [https://github.com/d2-projects/d2-admin-start-kit](https://github.com/d2-projects/d2-admin-start-kit) + +只保留了基础功能，例如 + +* 主题系统 +* 登陆和注销 +* 数据持久化 +* 多标签页 +* 菜单和路由逻辑 +* ... \ No newline at end of file diff --git a/docs/zh/ecosystem-d2-crud/README.md b/docs/zh/ecosystem-d2-crud/README.md index 4b94ed06..21b8b712 100644 --- a/docs/zh/ecosystem-d2-crud/README.md +++ b/docs/zh/ecosystem-d2-crud/README.md @@ -2,6 +2,6 @@ sidebar: auto --- -# title +# D2 CRUD -info \ No newline at end of file +comming soon \ No newline at end of file diff --git a/docs/zh/ecosystem-d2-ribbons/README.md b/docs/zh/ecosystem-d2-ribbons/README.md index 4b94ed06..1bfcf683 100644 --- a/docs/zh/ecosystem-d2-ribbons/README.md +++ b/docs/zh/ecosystem-d2-ribbons/README.md @@ -2,6 +2,90 @@ sidebar: auto --- -# title +![banner](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/doc/banner%402x.png) -info \ No newline at end of file +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 还是以前的拟物风格，我希望有一个比较“扁平化”的绶带放在上面，于是我就临时画了一个放上去了，长这个样子： + +![Snip20180711_32](http://fairyever.qiniudn.com/Snip20180711_32.png) + +于是之后我就画了大概半天的事件，画了一套 ribbons 给以后用，自己用，也希望大家能用到，不仅有 github，还有 gitlab 和码云的版本，暂时只做了这些，以后有好的想法了再添加。 + +![Snip20180711_27](http://fairyever.qiniudn.com/Snip20180711_27.png) +![Snip20180711_29](http://fairyever.qiniudn.com/Snip20180711_29.png) + +> 所有的东西都出自一个程序员之手，没有经过专业的设计学习，请大家觉得丑的话轻喷 + +sketch 是我最喜欢的设计软件，推荐给大家。 + +在设计这套图片的时候我也尽量发挥了 sketch 的特性，比如颜色配置，公用样式，symbol等很好用的功能，这些都可以达到改一处动全部和事半功倍的效果。 + +下面放上效果预览： + +## Preview + +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/doc/ribbons-flat-opacity-text-github%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/flat-opacity-text/github/left%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/flat-opacity-text/github/right%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/doc/ribbons-flat-opacity-text-gitlab%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/flat-opacity-text/gitlab/left%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/flat-opacity-text/gitlab/right%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/doc/ribbons-flat-opacity-text-gitee%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/flat-opacity-text/gitee/left%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/flat-opacity-text/gitee/right%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/doc/ribbons-flat-opacity-icon-github%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/flat-opacity-icon/github/left%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/flat-opacity-icon/github/right%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/doc/ribbons-flat-opacity-icon-gitlab%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/flat-opacity-icon/gitlab/left%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/flat-opacity-icon/gitlab/right%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/doc/ribbons-flat-opacity-icon-gitee%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/flat-opacity-icon/gitee/left%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/flat-opacity-icon/gitee/right%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/doc/ribbons-flat-text-github%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/flat-text/github/left%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/flat-text/github/right%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/doc/ribbons-flat-text-gitlab%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/flat-text/gitlab/left%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/flat-text/gitlab/right%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/doc/ribbons-flat-text-gitee%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/flat-text/gitee/left%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/flat-text/gitee/right%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/doc/ribbons-flat-icon-github%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/flat-icon/github/left%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/flat-icon/github/right%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/doc/ribbons-flat-icon-gitlab%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/flat-icon/gitlab/left%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/flat-icon/gitlab/right%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/doc/ribbons-flat-icon-gitee%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/flat-icon/gitee/left%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/flat-icon/gitee/right%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/doc/ribbons-classic-github%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/classic/github/left%402x.png) +![](https://raw.githubusercontent.com/d2-projects/d2-ribbons/master/priview/classic/github/right%402x.png) + +## How to use + +没有固定的使用方法，都是图片，你可以下载下来用到你的项目里，或者直接使用本仓库的图片链接。每款绶带都有 @2x 版本 + +后续还会陆续更新其它的图片资源。 + +其实不论 github 还是码云，官方提供的都有类似的 ribbon，看个人喜好选择 D2 还是官方就好 \ No newline at end of file