Home

Awesome

GuokrBadge

为果壳设计使用的一些 Badge,可以用于问答,文章,小组等。

关于统一所有图标格式的讨论:样式讨论

使用方法

如果你没有用过 CC 协议,不知道该如何选择,先从 这里 选择适合自己的 CC协议。

两种方法:

  1. Guokr-extension 已经在表情系统中集成了添加这里面的 License 的功能,Chrome 用户可以安装此插件。
  2. 从 Repo 中选择合适自己的协议的图片,另存在自己电脑上,然后在编辑帖子/问答的时候从自己电脑上上传。(这样如果将来这个 Repo 中的图片设计等有所改动,不能够同步更正。例如果壳色有了变化,这里的图片颜色也会改变,但是不能同步到果壳。)
  3. 复制相应的图片的链接,在果壳的编辑器中,插入图片,选择站外链接粘贴过去即可。(这种方法在将来设计上有了改动,那么果壳的内容会同步变化。)

例如,我们需要使用 CC BY-NC-SA 协议,而且喜欢这种胶囊形状的图标,并且我们想使用 SVG 图片,而不是 PNG 图片。那么从我们的 README.md 中找到这个协议(在目录中找到胶囊 + 果壳色 CC 协议 ~ SVG 版本):

example

看到我们给出了两个不同大小的图片的链接,一个 64px, 一个 32px,这个大小指的是图标的高度。实际上这些 SVG 图片缩放不变,所以大小倒是没有那么重要,只是如果你在一些网站写作品,但是这个网站又不支持自定义图片大小,那么就不得不选择合适大小的图片了。

例如我们想要使用 32px 高度的图片,那么把那个图片链接复制出来:

example

然后在需要的地方使用即可。例如在果壳的编辑框中,插入图片是可以使用外链的,把上面复制的图片链接粘贴过来即可:

example




目录:




LePtC : Copy Delay License 图标

关于 LePtC 协议请查看其日志:作品在提交后的24小时禁止转载


SVG Version

Copy Delay - Delay

64: http://opentf.github.io/GuokrBadge/cd/cd_delay.flat.guokr.svg

32: http://opentf.github.io/GuokrBadge/cd/cd_delay.flat.guokr.32.svg

Copy Delay - Finished

64: http://opentf.github.io/GuokrBadge/cd/cd_finished.flat.guokr.svg

32: http://opentf.github.io/GuokrBadge/cd/cd_finished.flat.guokr.32.svg

胶囊 + 果壳色 CC 协议

灰色 + 果壳色(#85c155

使用 inkscape,按照如下标准制作:

How Do We Make These SVGs


SVG Version

CC BY

64: http://opentf.github.io/GuokrBadge/cc/gs/cc_by.flat.guokr.svg

32: http://opentf.github.io/GuokrBadge/cc/gs/cc_by.flat.guokr.32.svg

CC BY-NC

64: http://opentf.github.io/GuokrBadge/cc/gs/cc_bync.flat.guokr.svg

32: http://opentf.github.io/GuokrBadge/cc/gs/cc_bync.flat.guokr.32.svg

CC BY-SA

64: http://opentf.github.io/GuokrBadge/cc/gs/cc_bysa.flat.guokr.svg

32: http://opentf.github.io/GuokrBadge/cc/gs/cc_bysa.flat.guokr.32.svg

CC BY-ND

64: http://opentf.github.io/GuokrBadge/cc/gs/cc_bynd.flat.guokr.svg

32: http://opentf.github.io/GuokrBadge/cc/gs/cc_bynd.flat.guokr.32.svg

CC BY-NC-ND

64: http://opentf.github.io/GuokrBadge/cc/gs/cc_byncnd.flat.guokr.svg

32: http://opentf.github.io/GuokrBadge/cc/gs/cc_byncnd.flat.guokr.32.svg

CC BY-NC-SA

64: http://opentf.github.io/GuokrBadge/cc/gs/cc_byncsa.flat.guokr.svg

32: http://opentf.github.io/GuokrBadge/cc/gs/cc_byncsa.flat.guokr.32.svg


PNG Version

CC BY

64: https://raw.github.com/opentf/GuokrBadge/master/cc/gs/cc_by.flat.guokr.png

32: https://raw.github.com/opentf/GuokrBadge/master/cc/gs/cc_by.flat.guokr.32.png

CC BY-NC

64: https://raw.github.com/opentf/GuokrBadge/master/cc/gs/cc_bync.flat.guokr.png

32: https://raw.github.com/opentf/GuokrBadge/master/cc/gs/cc_bync.flat.guokr.32.png

CC BY-SA

64: https://raw.github.com/opentf/GuokrBadge/master/cc/gs/cc_bysa.flat.guokr.png

32: https://raw.github.com/opentf/GuokrBadge/master/cc/gs/cc_bysa.flat.guokr.32.png

CC BY-ND

64: https://raw.github.com/opentf/GuokrBadge/master/cc/gs/cc_bynd.flat.guokr.png

32: https://raw.github.com/opentf/GuokrBadge/master/cc/gs/cc_bynd.flat.guokr.32.png

CC BY-NC-ND

64: https://raw.github.com/opentf/GuokrBadge/master/cc/gs/cc_byncnd.flat.guokr.png

32: https://raw.github.com/opentf/GuokrBadge/master/cc/gs/cc_byncnd.flat.guokr.32.png

CC BY-NC-SA

64: https://raw.github.com/opentf/GuokrBadge/master/cc/gs/cc_byncsa.flat.guokr.png

32: https://raw.github.com/opentf/GuokrBadge/master/cc/gs/cc_byncsa.flat.guokr.32.png

果壳色 CC 协议

使用了果壳色:#85c155

原始图标来源于:Creative Commons License

图片 resize 使用了 PicResize


SVG Version

CC By

64: http://opentf.github.io/GuokrBadge/cc/svg/ccby.svg

32: http://opentf.github.io/GuokrBadge/cc/svg/ccby_32.svg

CC BY-NC

64: http://opentf.github.io/GuokrBadge/cc/svg/ccbync.svg

32: http://opentf.github.io/GuokrBadge/cc/svg/ccbync_32.svg

CC BY-SA

64: http://opentf.github.io/GuokrBadge/cc/svg/ccbysa.svg

32: http://opentf.github.io/GuokrBadge/cc/svg/ccbysa_32.svg

CC BY-ND

64: http://opentf.github.io/GuokrBadge/cc/svg/ccbynd.svg

32: http://opentf.github.io/GuokrBadge/cc/svg/ccbynd_32.svg

CC BY-NC-ND

64: http://opentf.github.io/GuokrBadge/cc/svg/ccbyncnd.svg

32: http://opentf.github.io/GuokrBadge/cc/svg/ccbyncnd_32.svg

CC BY-NC-SA

64: http://opentf.github.io/GuokrBadge/cc/svg/ccbyncsa.svg

32: http://opentf.github.io/GuokrBadge/cc/svg/ccbyncsa_32.svg


PNG Version

CC BY

1x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccby.png

2x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccby_2x.png

4x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccby_4x.png

CC BY-NC

1x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbync.png

2x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbync_2x.png

4x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbync_4x.png

CC BY-SA

1x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbysa.png

2x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbysa_2x.png

4x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbysa_4x.png

CC BY-ND

1x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbynd.png

2x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbynd_2x.png

4x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbynd_4x.png

CC BY-NC-ND

1x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbyncnd.png

2x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbyncnd_2x.png

4x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbyncnd_4x.png

CC BY-NC-SA

1x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbyncsa.png

2x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbyncsa_2x.png

4x: https://raw.github.com/opentf/GuokrBadge/master/cc/ccbyncsa_4x.png

果壳色 Copyleft

关于 copyleft: Wikipedia: Copyleft

使用了果壳色:#85c155

使用方法

同 CC 协议。


SVG Version Not Working.

Copyleft

64: http://opentf.github.io/GuokrBadge/cl/svg/cl.svg

32: http://opentf.github.io/GuokrBadge/cl/svg/cl_32.svg


PNG Version

Copyleft

mini (30*30): https://raw.github.com/opentf/GuokrBadge/master/cl/cl_mini.png

1x: https://raw.github.com/opentf/GuokrBadge/master/cl/cl.png

2x: https://raw.github.com/opentf/GuokrBadge/master/cl/cl_2x.png

4x: https://raw.github.com/opentf/GuokrBadge/master/cl/cl_4x.png

果壳色 Copyright

使用了果壳色:#85c155

使用方法

同 CC 协议。


SVG Version

Copyright

64: http://opentf.github.io/GuokrBadge/cr/svg/cr.svg

32: http://opentf.github.io/GuokrBadge/cr/svg/cr_32.svg


PNG Version

Copyleft

mini (30*30): https://raw.github.com/opentf/GuokrBadge/master/cr/cr_mini.png

1x: https://raw.github.com/opentf/GuokrBadge/master/cr/cr.png

2x: https://raw.github.com/opentf/GuokrBadge/master/cr/cr_2x.png

4x: https://raw.github.com/opentf/GuokrBadge/master/cr/cr_4x.png