У меня есть README.md
файл для моего проекта underscore-cli , довольно приятный инструмент для взлома JSON и JS в командной строке.
Я хочу задокументировать --color
флаг ... который ... раскрашивает вещи. Это было бы намного лучше, если бы я действительно мог показать, как выглядит результат. Кажется, я не могу найти способ добавить цвет к своему README.md
. Любые идеи?
Я пробовал это:
<span style="color: green"> Some green text </span>
И это:
<font color="green"> Some green text </font>
Пока не повезло.
Ответы:
Стоит отметить, что вы можете добавить немного цвета в README, используя сервис изображений-заполнителей. Например, если вы хотите предоставить список цветов для справки:
Производит:
#f03c15
#c5f015
#1589F0
источник
https://placehold.it/150/ffffff/ff0000?text=hello
Вы можете использовать
diff
языковой тег для создания цветного текста:Тем не менее, он добавляет его как новую строку, начинающуюся либо с
- + ! #
или начинается и заканчивается@@
Эта проблема была поднята в разметке github № 369 , но с тех пор они не вносили никаких изменений в решение (2014).
источник
@@
фиолетовым (и выделены жирным шрифтом). Codecov использует это в комментариях своего бота по интеграции с GitHub, например: github.com/zeit/now/pull/2570#issuecomment-512585770Вы не можете раскрасить обычный текст в
README.md
файле GitHub . Однако вы можете добавить цвет к образцам кода с помощью тегов ниже.Для этого просто добавьте теги, подобные этим образцам, в файл README.md:
Нет необходимости использовать теги pre или code.
Это описано в документации по GitHub Markdown (примерно на полпути вниз, есть пример использования Ruby). GitHub использует Linguist для идентификации и выделения синтаксиса - вы можете найти полный список поддерживаемых языков (а также их ключевые слова уценки) в файле YAML Linguist .
источник
Deprecated
´´´´. Работал нормально, для добавления тегов не рекомендуется в документы.К сожалению, в настоящее время это невозможно.
В документации по GitHub Markdown нет упоминаний «color», «css», «html» или «style».
В то время как некоторые процессоры Markdown (например, тот, что используется в Ghost ) допускают HTML, например
<span style="color:orange;">Word up</span>
, GitHub отбрасывает любой HTML.Если вы обязательно используете цвет в своем файле readme, ваш README.md может просто отослать пользователей к файлу README.html. Компромисс для этого, конечно, доступность.
источник
hr
,br
,p
,b
,i
и другие делают работу!В качестве альтернативы рендеринга растрового изображения вы можете встроить файл SVG:
Затем вы можете добавить цветной текст в файл SVG как обычно:
К сожалению, несмотря на то, что вы можете выделять и копировать текст при открытии
.svg
файла, этот текст нельзя выделить, когда внедрено изображение SVG.Демонстрация: https://gist.github.com/CyberShadow/95621a949b07db295000
источник
Я склонен согласиться с Qwertman, что в настоящее время невозможно указать цвет для текста в уценке GitHub, по крайней мере, не через HTML.
GitHub допускает некоторые элементы и атрибуты HTML, но только определенные (см. Их документацию об их очистке HTML ). Они позволяют
p
иdiv
теги, а такжеcolor
атрибуты. Однако, когда я попытался использовать их в документе уценки на GitHub, это не сработало. Я попробовал следующее (среди других вариантов), и они не работали:<p style='color:red'>This is some red text.</p>
<font color="red">This is some text!</font>
These are <b style='color:red'>red words</b>.
Как предложил Qwertman, если вам действительно нужно использовать цвет, вы можете сделать это в файле README.html и сослаться на него.
источник
Я добавил немного цвета на страницу разметки GitHub, используя символы эмодзи Enicode, например, 💡 или 🛑 - некоторые символы смайликов окрашены в некоторых браузерах. (Насколько я знаю, цветных алфавитов смайликов нет.)
источник
На момент написания, Github Markdown отображает цветовые коды, такие как
`#ffffff`
(обратите внимание на черты!), С предварительным просмотром цветов. Просто используйте цветовой код и окружите его галочками.Например:
становится
источник
`#hexhex`
Основываясь на идее @AlecRust, я реализовал текстовый сервис png.
Демо здесь:
http://lingtalfi.com/services/pngtext?color=cc0000&size=10&text=Hello%20World
Есть четыре параметра:
Пожалуйста, не используйте этот сервис напрямую (кроме тестирования), но используйте созданный мной класс, который предоставляет сервис:
https://github.com/lingtalfi/WebBox/blob/master/Image/PngTextUtil.php
Примечание: если вы не используете фреймворк юниверса , вам необходимо заменить эту строку:
С этим кодом:
В этом случае ваш шестнадцатеричный цвет должен быть ровно 6 символов (не ставьте перед ним символ хеша (#)).
Примечание: в конце концов, я не использовал этот сервис, потому что я обнаружил, что шрифт был уродливым и хуже: не было возможности выделить текст. Но ради этой дискуссии я подумал, что этот код стоит поделиться ...
источник