Welcome a la documentación de Alohomora.

Cambio de color en el Título. <Titulo />

Ahora podemos modificar el color del Título de la página de esta forma: Importante: Usar siempre el title de Markdown.
No es necesario importarlo, ya está dentro de MDX
También se pueden usar var(), ejemplo color={var(--ifm-color-primary)} para el amarillo de Bienvenida.

---
title: 'Documentación'
---

# <Titulo color={'#57d4ae'}>Welcome a la documentación. 👋</Titulo>

Colores en el texto. <Color />

<Color color={'#57d4ae'}>Welcome a la documentación. 👋</Color>

Welcome a la documentación. 👋

Acá podes escribir texto normal.
Si queres hacer un salto de line necesitarás usar \

Formato para texto

*Cursiva*

Cursiva

**Negrita**

Negrita

Details

IMPORTANTE es necesario mantener className="transparent" FUTURO CAMBIO DE NOMBRE

<details className="transparent">
  <summary>
    Main details
  </summary>
  Hola Juasin.\
  More?
</details>

Main details

Hola Juasin.
More?

Lista

- A
  - a
  - b
- B

A
- a
- b
B

Clonar Repositorio de GitHub

1 - Instalar Git.
2 - En Visual Studio, en una nueva ventana, tocar la opción de Clonar Repositorio.
3 - Iniciar sesión en GitHub.
4 - Seleccionar carpeta la cual contendrá los archivos del repo.
5 - Abrir la Terminal.
6 - Ejecutar en la Terminal npm i
7 - Ejecutar en la Terminal npm start

Markdown Heading

# Main Title (Markdown Features) NO PUEDE HABER 2

## Level 2 title (Markdown Heading)

### Level 3 title (MDX and React Components > Highlight)

#### Level 4 title (Lv2 > Lv3 > Lv4)

Los paréntesis indican cómo se ordena dentro de la sidebar. Más información sobre Heading

Front Matter

Markdown documents have metadata at the top called Front Matter:

my-doc.md
---
id: my-doc-id
title: My document title
description: My document description
slug: /my-custom-url
---

## Markdown heading

Markdown text with [links](./hello.md)

Links

Regular Markdown links are supported, using url paths or relative file paths.

Let's see how to [Ir a Normas](/wiki/Informacion-General/Normas).

Let's see how to Ir a Normas. -> Te lleva a las Normas del SideBar

Let's see how to [Ir a otras Normas](./Normas).

Let's see how to Ir a otras Normas. -> Te lleva a un archivo dentro del Path de este archivo "(./Normas)" === "(./docs/basics/Normas)"

También se puede poner enlaces para sitios web

Toque el siguiente texto [Link a Google](https://www.google.com)

Toque el siguiente texto Link a Google

Images

Regular Markdown images are supported.

You can use absolute paths to reference images in the static directory (static/img/docusaurus.png):

![Juasin](/img/600.png)

Juasin

You can reference images relative to the current file as well. This is particularly useful to colocate images close to the Markdown files using them:

![Juasin](./img/600.png)

No quiero llenar este project con duplicados, es lo mismo que el "Ir a otras Normas", te trae una imagen dentro del Path relativo de este archivo.

Code Blocks

Markdown code blocks are supported with Syntax highlighting.

```jsx title="src/components/HelloDocusaurus.js"
function HelloDocusaurus() {
  return <h1>Hello, Docusaurus!</h1>;
}
```

src/components/HelloDocusaurus.js
function HelloDocusaurus() {
  return <h1>Hello, Docusaurus!</h1>;
}

MDX and React Components

MDX can make your documentation more interactive and allows using any React components inside Markdown:

How to highlight text inside a Code block

Con las doble barras juntas se hace el estilo.

/ / highlight-start
<Hello>Hello World</Hello>
/ / highlight-end

<Hello>Hello World</Hello>

Highlight

Highlight ya está implementado dentro de MDX, ya no es necesario importar la librería.

This is <Highlight color="#25c2a0">Docusaurus green</Highlight> !

This is <Highlight color="#1877F2">Facebook blue</Highlight> !

This is Docusaurus green !

This is Facebook blue !

Custom Admonition (1)

Admonition ya está implementado dentro de MDX, ya no es necesario importar la librería.

Importando este Plugins de MDX nos permite customizar nuestros Admonition

Formas de cambiar y modificar los colores de todos los Admonitions, con el poder de Swizzling y modificando la sección de Admonition.

/docs/basics/markdown.mdx
<Admonition type="gold" title="Gold">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus accumsan.</p>
</Admonition>
<Admonition type="purple" title="Purple">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus accumsan.</p>
</Admonition>
<Admonition type="teal" title="Teal">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus accumsan.</p>
</Admonition>
<Admonition type="red" title="Red">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus accumsan.</p>
</Admonition>
<Admonition type="green" title="Green">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus accumsan.</p>
</Admonition>
<Admonition type="grey" title="Grey">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus accumsan.</p>
</Admonition>
<Admonition type="gold" icon={<FAIcon icon="fa-brands fa-github" />} title="GitHub">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus accumsan.</p>
</Admonition>

Gold