web-dev-qa-db-fra.com

Existe-t-il un moyen d'obtenir du texte coloré dans Github Flavored Markdown?

Je dois documenter une bibliothèque sur github qui affiche du texte coloré dans le terminal.

J'ai essayé à la fois span <style="color:red"> et <font color="red">, mais cela semble effacer les deux balises.

Est-ce que la seule façon de faire est d'utiliser des images de texte coloré?

modifier:

J'ai fini par ajouter des captures d'écran à git et à utiliser des liens d'image avec les URL relatives de github.

githubgithub-flavored-markdown
101
Roman A. Taycher

Vous ne pouvez pas inclure de directives de style dans GFM .

La documentation/exemple le plus complet est " Markdown Cheatsheet " et montre que cet élément <style> est manquant.

Si vous parvenez à inclure votre texte dans l'un des éléments GFM, vous pouvez jouer avec une feuille de style github.css afin de colorer ainsi.

44
VonC

Dans le cas où cela pourrait être utile pour quelqu'un qui n'a qu'à montrer les couleurs plutôt que la sortie, comme solution de contournement (et FYI), puisque Github prend en charge les références de caractères numériques Unicode (et les entités HTML), vous pouvez essayer des symboles Unicode colorés, bien que cela dépende. sur la police les rendant en couleur (comme cela se produit pour moi sous Windows 10 et Mac 10.12.5, au moins, bien que sur Mac au moins, les petits triangles rouges vers le haut/le bas ne s'affichent pas en rouge ):

  • ROUGE Apple (& # x1F34E;):
  • VERT Apple (& # x1F34F;):
  • COEUR BLEU (& # x1F499;):
  • COEUR VERT (& # x1F49A;):
  • COEUR JAUNE (& # x1F49B;):
  • COEUR VIOLET (& # x1F49C;):
  • GREEN BOOK (& # x1F4D7;):
  • LIVRE BLEU (& # x1F4D8;):
  • ORANGE BOOK (& # x1F4D9;):
  • GRAND CERCLE ROUGE (& # x1F534;):
  • GRAND CERCLE BLEU (& # x1F535;):
  • GRAND DIAMANT ORANGE (& # x1F536;):
  • GRAND DIAMANT BLEU (& # x1F537;):
  • PETIT DIAMANT ORANGE (& # x1F538;):
  • PETIT DIAMANT BLEU (& # x1F539;):
  • TRIANGLE ROUGE POINTANT VERS LE HAUT (& # x1F53A;):
  • TRIANGLE ROUGE POINTANT VERS LE BAS (& # x1F53B;):
  • PETIT TRIANGLE ROUGE (& # x1F53C;) UP-POINTING:
  • PETIT TRIANGLE ROUGE POINTANT VERS LE BAS (& # x1F53D;):
67
Brett Zamir

Vous ne pouvez pas obtenir le vert/rouge le texte , mais vous pouvez obtenir le vert/rouge texte en surbrillance en utilisant le modèle de langue diff. Exemple:

```diff
+ this text is highlighted in green
- this text is highlighted in red
```
29
craigmichaelmartin

Au lieu de rendre une image raster, vous pouvez incorporer un fichier SVG:

https://Gist.github.com/CyberShadow/95621a949b07db2950

Malheureusement, même si vous pouvez sélectionner et copier du texte lorsque vous ouvrez le fichier .svg, le texte ne peut pas être sélectionné lorsque l'image SVG est incorporée.

15
Vladimir Panteleev