Есть ли способ получить цветной текст в Github Flavored Markdown?

Мне нужно документировать библиотеку на github, которая выводит цветной текст в терминал.

Я пробовал как span <style="color:red">, так и <font color="red">, но, похоже, лишился обоих тегов.

Это единственный способ сделать это с изображениями цветного текста?

изменить:

В итоге я добавил скриншоты к git и использовал ссылки на изображения с относительными URL-адресами github.

Ответ 1

Вы не можете включать директивы стиля в GFM.

Наиболее полная документация/пример - Markdown Cheatsheet", и это иллюстрирует, что этот элемент <style> отсутствует.

Если вам удастся включить текст в один из элементов GFM, вы можете играть с таблицей стилей github.css, чтобы цвета были такими.

Ответ 2

В случае, если это может быть полезно для тех, кому просто нужно показывать цвета, а не выводить, как хакерское обходное решение (и FYI), поскольку Github поддерживает числовые символьные ссылки Unicode (и объекты HTML), вы можете попробовать цветные символы Unicode, хотя это зависит от того, как они будут отображаться в цвете (как это бывает для меня в Windows 10 и Mac 10.12.5, по крайней мере, хотя на Mac, по крайней мере, маленькие красные треугольники вверх/вниз указывают показать красным):

  • RED APPLE (&#x1F34E;): 🍎
  • GREEN APPLE (&#x1F34F;): 🍏
  • BLUE HEART (&#x1F499;): 💙
  • GREEN HEART (&#x1F49A;): 💚
  • YELLOW HEART (&#x1F49B;): 💛
  • PURPLE HEART (&#x1F49C;): 💜
  • GREEN BOOK (&#x1F4D7;): 📗
  • BLUE BOOK (&#x1F4D8;): 📘
  • ORANGE BOOK (&#x1F4D9;): 📙
  • LARGE RED CIRCLE (&#x1F534;): 🔴
  • LARGE BLUE CIRCLE (&#x1F535;): 🔵
  • LARGE ORANGE DIAMOND (&#x1F536;): 🔶
  • LARGE BLUE DIAMOND (&#x1F537;): 🔷
  • SMALL ORANGE DIAMOND (&#x1F538;): 🔸
  • SMALL BLUE DIAMOND (&#x1F539;): 🔹
  • UP-POINTING RED TRIANGLE (&#x1F53A;): 🔺
  • DOWN-POINTING RED TRIANGLE (&#x1F53B;): 🔻
  • UP-POINTING SMALL RED TRIANGLE (&#x1F53C;): 🔼
  • DOWN-POINTING SMALL RED TRIANGLE (&#x1F53D;): 🔽

Ответ 3

В файле GitHub README.md вы можете NOT color plain TEXT. Вы CAN, но добавляете цвет к образцам CODE в свой файл GitHub README.md с тегами ниже.

Для этого просто добавьте теги, такие как эти образцы, в файл README.md:

```json
   // code for coloring
```
```html
   // code for coloring
```
```js
   // code for coloring
```
```css
   // code for coloring
```
// etc.

Нет необходимости использовать теги "pre" или "code".

Это теперь рассматривается в документации GitHub Markdown (примерно на половину пути вниз по странице, есть пример использования Ruby). GitHub использует Linguist для определения и выделения синтаксиса - вы можете найти полный список поддерживаемых языков (а также их ключевые слова для разметки) в Лингвистический файл YAML.

DEMO

Ответ 4

Вы не можете получить зеленый/красный текст, но вы можете получить зеленый/красный выделенный текст с использованием шаблона языка различий. Пример:

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

Ответ 5

В качестве альтернативы рендерингу растрового изображения вы можете встроить SVG:

https://gist.github.com/CyberShadow/95621a949b07db295000

К сожалению, несмотря на то, что вы можете выбирать и копировать текст при открытии файла .svg, текст не может быть выбран при вставке изображения SVG.