github - online - markdown tutorial
¿Hay alguna manera de obtener texto coloreado en Github Flavoured Markdown? (5)
Como alternativa a la representación de una imagen ráster, puede incrustar un SVG:
https://gist.github.com/CyberShadow/95621a949b07db295000
Desafortunadamente, aunque puede seleccionar y copiar texto cuando abre el archivo .svg, el texto no se puede seleccionar cuando la imagen SVG está incrustada.
Esta pregunta ya tiene una respuesta aquí:
- Cómo agregar color al archivo README.md de Github 6 respuestas
Necesito documentar una biblioteca en github que emita texto en color en la terminal.
He intentado tanto span <style="color:red"> como <font color="red"> pero parece quitar ambas etiquetas.
¿La única forma de hacerlo es con imágenes de texto en color?
editar:
Terminé agregando capturas de pantalla a git y usando enlaces de imagen con las URL relativas de github.
En caso de que esto pueda ser útil para alguien que solo necesita mostrar colores en lugar de salida, como una solución provisional (y FYI), ya que Github admite referencias de caracteres numéricos Unicode (y entidades HTML), puede probar símbolos Unicode de colores, aunque depende en la fuente que los representa en color (como parece estar apareciendo para mí en Windows 10 y Mac 10.12.5, al menos, aunque en la Mac al menos, los pequeños triángulos rojos que apuntan hacia arriba o hacia abajo no se muestran en rojo )
- MANZANA ROJA (& # x1F34E;): 🍎
- GREEN APPLE (& # x1F34F;): 🍏
- BLUE HEART (& # x1F499;): 💙
- CORAZÓN VERDE (& # x1F49A;): 💚
- CORAZÓN AMARILLO (& # x1F49B;): 💛
- CORAZÓN PÚRPURA (& # x1F49C;): 💜
- GREEN BOOK (& # x1F4D7;): 📗
- BLUE BOOK (& # x1F4D8;): 📘
- LIBRO DE NARANJA (& # x1F4D9;): 📙
- GRAN CIRCULO ROJO (& # x1F534;): 🔴
- GRAN CIRCULO AZUL (& # x1F535;): 🔵
- DIAMANTE DE NARANJA GRANDE (& # x1F536;): 🔶
- GRAN DIAMANTE AZUL (& # x1F537;): 🔷
- DIAMANTE PEQUEÑO DE NARANJA (& # x1F538;): 🔸
- PEQUEÑO DIAMANTE AZUL (& # x1F539;): 🔹
- UP-POINTING RED TRIANGLE (& # x1F53A;): 🔺
- TRIÁNGULO ROJO QUE SEÑALA ABAJO (& # x1F53B;): 🔻
- UP-POINTING SMALL RED TRIANGLE (& # x1F53C;): 🔼
- DOWN-POINTING PEQUEÑO TRIÁNGULO ROJO (& # x1F53D;): 🔽
No puede incluir directivas de estilo en GFM .
La documentación / ejemplo más completo es " Cheatsheet de Markdown " e ilustra que falta este elemento <style> .
Si logras incluir tu texto en uno de los elementos GFM, entonces puedes jugar con una hoja de estilo github.css para los colores de esa manera.
No puede obtener el texto verde / rojo, pero puede obtener el texto resaltado en verde / rojo usando la plantilla de idioma de diferencia. Ejemplo:
```diff
+ this text is highlighted in green
- this text is highlighted in red
```
NO puede colorear texto plano en un archivo GITHub README.md. Sin embargo, puede agregar color a las muestras de CÓDIGO en su archivo GITHub README.md con las etiquetas a continuación.
Para hacer esto simplemente agregue etiquetas como estas muestras a su archivo README.md:
```json // code for coloring ``` ```html // code for coloring ``` ```js // code for coloring ``` ```css // code for coloring ``` // etc. Ejemplo de código coloreado, Javascript: coloque este código debajo, en su archivo github README.md y vea cómo colorea el código para usted.
```js import { Component } from ''@angular/core''; import { MovieService } from ''./services/movie.service''; @Component({ selector: ''app-root'', templateUrl: ''./app.component.html'', styleUrls: [''./app.component.css''], providers: [ MovieService ] }) export class AppComponent { title = ''app works!''; } ```
No se necesitan etiquetas "pre" o "de código".
Esto ahora está cubierto en la GFM (aproximadamente a la mitad de la página, hay un ejemplo usando Ruby). GitHub utiliza Linguist para identificar y resaltar la sintaxis: puede encontrar una lista completa de los idiomas admitidos (así como sus palabras clave de reducción) en el archivo YAML del lingüista .