Nuevas características

Soporte para Remixicon

1
:i{class="ri-poker-hearts-fill"}
2
:i{class="ri-poker-clubs-fill"}

Soporte para Botón

1
:btn[Google]{href="https://www.google.com"}

Google

1
:::btn{href="#"}
2
:i{class="ri-share-box-line"} Abrir en nueva pestaña
3
:::

Soporte para Tarjeta de Github

1
::github{repo="cirry/astro-yi"}

cirry

/

astro-yi

Waiting for api.github.com...

Waiting

Waiting

Waiting

Soporte para colapsar

1
:::collapse
2
¡Hola Mundo!
3
:::

Soporte para admoniciones

1
:::tip[Título Personalizado]
2
hola mundo
3
:::
4

5
:::note
6
nota
7
:::
8

9
:::caution
10
precaución
11
:::
12

13
:::danger
14
peligro
15
:::

Soporte para mermaid

Uso:

• comienza con ```mermaid
• termina con ```
• configura el frontmatter del markdown mermaid: true.

Código Mermaid:

1
classDiagram note "Desde Pato hasta Cebra" Animal <|-- Duck note para Duck
2
"puede volar\npuede nadar\npuede bucear\npuede ayudar a depurar" Animal <|--
3
Fish Animal <|-- Zebra Animal : +int edad Animal : +String género Animal:
4
+esMamífero() Animal: +aparearse() class Duck{ +String colorPico +nadar()
5
+cuac() } class Fish{ -int tamañoEnPies -puedeComer() } class Zebra{ +bool
6
es_salvaje +correr() }

Resultado:

classDiagram
  note "Desde Pato hasta Cebra"
  Animal <|-- Duck
  Animal <|-- Fish
  Animal <|-- Zebra
  Animal : +int edad
  Animal : +String género
  Animal : +esMamífero()
  Animal : +aparearse()
  class Duck {
    +String colorPico
    +nadar()
    +cuac()
  }
  class Fish {
    -int tamañoEnPies
    -puedeComer()
  }
  class Zebra {
    +bool es_salvaje
    +correr()
  }
  note for Duck "puede volar\npuede nadar\npuede bucear\npuede ayudar a depurar"

Soporte para mathjax

• configura el frontmatter del markdown mathjax: true.

Modo Bloque

1
---
2
mathjax: true
3
---
4
¡hola!
5
$$ \sum_{i=0}^N\int_{a}^{b}g(t,i)\text{d}t $$
6
¡hola!

¡hola! $$ \sum*{i=0}^N\int*{a}^{b}g(t,i)\text{d}t $$ ¡hola!

Modo Inline

1
---
2
mathjax: true
3
---
4
¡hola! $ \sum_{i=0}^N\int_{a}^{b}g(t,i)\text{d}t $ ¡hola!

¡hola! $ \sum*{i=0}^N\int*{a}^{b}g(t,i)\text{d}t $ ¡hola!

Integración con Expressive Code

Para más uso, por favor consulta el sitio oficial expressive-code.

1
function demo() {
2
  console.log("esta línea está marcada como eliminada");
3
  // Esta línea y la siguiente están marcadas como insertadas
4
  console.log("esta es la segunda línea insertada");
5

6
  return "esta línea usa el marcador neutral por defecto";
7
}

Plegado de código soportado por defecto

1
var myArr = [1, 2];
2
console.log(myArr);
3

4
var myObj = { a: 1, b: 2 };
5

6
for (let key of myArr) {
7
  console.log(key);
8
}
9

10
var it = myArr[Symbol.iterator]();
11
it.next(); // {value: 1, done: false}
12

13
// VM704:12 Uncaught TypeError: myObj is not iterable
14
for (let key of myObj) {
15
  console.log(key);
1 collapsed line
16
}