3

Tags das linguagens do GitHub para uso

Josélio Júnior
Josélio Júnior

Olá pessoal!!! Espero que estejam bem!!!

Compartilhando o projeto que já queria fazer faz algum tempo.

Este projeto serve basicamente para que você possa usar pequenas tags com o nome e a cor correspondente da linguagem no GitHub.


Link do projeto: https://github.com/joseliojunior/ghc-tags


Ainda estou aperfeiçoando o programa em Node.js para fabricar as tags, mas já consigo os resultados.

Você pode tanto fazer um FORK do projeto (importante que seu projeto tenha a mesma licença) quanto utilizar diretamente as tags por meio de URL do meu site das seguintes formas:


Tags arredondadas

Markdown

![](https://joseliojunior.github.io/ghc-tags/lang/<LANGUAGE>/rounded.svg)

HTML

<img src="https://joseliojunior.github.io/ghc-tags/lang/<LANGUAGE>/rounded.svg">


Exemplo

![](https://joseliojunior.github.io/ghc-tags/lang/javascript/rounded.svg)


Tags retangulares

Markdown

![](https://joseliojunior.github.io/ghc-tags/lang/<LANGUAGE>/squared.svg)

HTML

<img src="https://joseliojunior.github.io/ghc-tags/lang/<LANGUAGE>/squared.svg">


Exemplo

![](https://joseliojunior.github.io/ghc-tags/lang/regular-expression/squared.svg)


Tags pequenas

Markdown

![](https://joseliojunior.github.io/ghc-tags/lang/<LANGUAGE>/rounded-small.svg)

HTML

<img src="https://joseliojunior.github.io/ghc-tags/lang/<LANGUAGE>/squared-small.svg">


Exemplos

![](https://joseliojunior.github.io/ghc-tags/lang/javascript/rounded-small.svg)
![](https://joseliojunior.github.io/ghc-tags/lang/regular-expression/squared-small.svg)

Os caracteres são minúsculos e os espaços são substituídos por "-" no link. Há exceções para a linguagem "F*" e todas com "#" que onde "*" passa a ser "-asterisk" e "#" passa a ser "-sharp" no link.


Obs: as bordas em branco nos exemplos são transparentes nas referências em SVG!


Atualizações!!!

  • Inclusão de linguagens sem cor atribuída
  • Conserto de links com "#"


É isso pessoal, espero que gostem!!! 🚀

1
138

Comentários (4)

1
Wellington Santos

Wellington Santos

10/09/2021 13:21

Eu estava querendo isso para um projeto que eu estava fazendo para o bootcamp do inter, mas é uma pena que já entreguei o projeto, ou iria tentar usar essas tags no app.

Mesmo assim é um ótimo trabalho, parabéns. 👍

1
Marcos Rangel

Marcos Rangel

09/09/2021 15:38

Bacana valeu a dica ;]

2
Leandro Carvalho

Leandro Carvalho

05/09/2021 08:35

Incrivel !!

Obrigado pelas dicas.

1
Josélio Júnior

Josélio Júnior

05/09/2021 20:02

Muito obrigado pelo comentário e a estrela Leandro!!! 🤩🤩🤩

Sou um estudante de Nutrição que mergulhou no mundo da programação em março de 2020.          > github: github.com/joseliojunior

Brasil