mirror of https://github.com/jpanther/congo.git
🔀 Merge pull request #606 from alejandrgaspar/example-site-spanish
🌐 Translation of the example site into Spanish
pull/613/head
commit
ac7eea4d29
|
@ -0,0 +1,28 @@
|
||||||
|
languageCode = "es-mx"
|
||||||
|
languageName = "Español (México)"
|
||||||
|
weight = 2
|
||||||
|
|
||||||
|
title = "Congo"
|
||||||
|
copyright = "© 2023 Congo contributors"
|
||||||
|
|
||||||
|
[params]
|
||||||
|
isoCode = "es-MX"
|
||||||
|
displayName = ":flag-mx:"
|
||||||
|
rtl = false
|
||||||
|
|
||||||
|
dateFormat = "2 January 2006"
|
||||||
|
|
||||||
|
mainSections = ["samples"]
|
||||||
|
description = "Un tema poderoso y liviano para Hugo creado con Tailwind CSS."
|
||||||
|
|
||||||
|
[author]
|
||||||
|
name = "Congo"
|
||||||
|
image = "img/author.jpg"
|
||||||
|
headline = "¡No es tu tema ordinario!"
|
||||||
|
bio = "Esta es una biografía de autor de ejemplo, y aunque aquí hay una foto de un perro, este artículo en realidad fue creado por un ser humano. :dog:"
|
||||||
|
links = [
|
||||||
|
{ twitter = "https://twitter.com/" },
|
||||||
|
{ facebook = "https://facebook.com/" },
|
||||||
|
{ linkedin = "https://linkedin.com/" },
|
||||||
|
{ youtube = "https://youtube.com/" },
|
||||||
|
]
|
|
@ -0,0 +1,50 @@
|
||||||
|
# -- Main Menu --
|
||||||
|
# The main menu is displayed in the header at the top of the page.
|
||||||
|
# Acceptable parameters are name, pageRef, page, url, title, weight.
|
||||||
|
#
|
||||||
|
# The simplest menu configuration is to provide:
|
||||||
|
# name = The name to be displayed for this menu link
|
||||||
|
# pageRef = The identifier of the page or section to link to
|
||||||
|
#
|
||||||
|
# By default the menu is ordered alphabetically. This can be
|
||||||
|
# overridden by providing a weight value. The menu will then be
|
||||||
|
# ordered by weight from lowest to highest.
|
||||||
|
|
||||||
|
[[main]]
|
||||||
|
name = "Docs"
|
||||||
|
url = "/docs"
|
||||||
|
weight = 10
|
||||||
|
|
||||||
|
[[main]]
|
||||||
|
name = "Ejemplos"
|
||||||
|
pageRef = "samples"
|
||||||
|
weight = 20
|
||||||
|
|
||||||
|
[[main]]
|
||||||
|
name = "Usuarios"
|
||||||
|
pageRef = "users"
|
||||||
|
weight = 30
|
||||||
|
|
||||||
|
[[main]]
|
||||||
|
name = "GitHub"
|
||||||
|
url = "https://github.com/jpanther/congo"
|
||||||
|
weight = 40
|
||||||
|
[main.params]
|
||||||
|
icon = "github"
|
||||||
|
showName = false
|
||||||
|
target = "_blank"
|
||||||
|
|
||||||
|
[[main]]
|
||||||
|
identifier = "search"
|
||||||
|
weight = 99
|
||||||
|
[main.params]
|
||||||
|
action = "search"
|
||||||
|
|
||||||
|
# -- Footer Menu --
|
||||||
|
# The footer menu is displayed at the bottom of the page, just before
|
||||||
|
# the copyright notice. Configure as per the main menu above.
|
||||||
|
|
||||||
|
# [[footer]]
|
||||||
|
# name = "Tags"
|
||||||
|
# pageRef = "tags"
|
||||||
|
# weight = 10
|
|
@ -0,0 +1,29 @@
|
||||||
|
---
|
||||||
|
title: "¡Bienvenido a Congo! :tada:"
|
||||||
|
description: "Esta es una demostración del tema Congo para Hugo."
|
||||||
|
---
|
||||||
|
|
||||||
|
{{< lead >}}
|
||||||
|
Un tema poderoso y liviano para Hugo creado con Tailwind CSS.
|
||||||
|
{{< /lead >}}
|
||||||
|
|
||||||
|
Este es un sitio de demostración creado completamente con Congo. También contiene un conjunto completo de artículos con [documentación del tema]({{< ref path="docs" lang="en" >}}). Congo es flexible y es excelente tanto para contenido estático basado en páginas (como es el caso de esta demostración) como para un blog tradicional con un feed de publicaciones recientes.
|
||||||
|
|
||||||
|
<div class="flex px-4 py-2 mb-8 text-base rounded-md bg-primary-100 dark:bg-primary-900">
|
||||||
|
<span class="flex items-center pe-3 text-primary-400">
|
||||||
|
{{< icon "triangle-exclamation" >}}
|
||||||
|
</span>
|
||||||
|
<span class="flex items-center justify-between grow dark:text-neutral-300">
|
||||||
|
<span class="prose dark:prose-invert">Esta es la demostración en formato <code id="layout">page</code></span>
|
||||||
|
<button
|
||||||
|
id="switch-layout-button"
|
||||||
|
class="px-4 !text-neutral !no-underline rounded-md bg-primary-600 hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
|
||||||
|
>
|
||||||
|
Cambiar el diseño ↻
|
||||||
|
</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{{< figure src="festivities.svg" class="m-auto mt-6 max-w-prose" >}}
|
||||||
|
|
||||||
|
Explora las [páginas de ejemplo]({{< ref "samples" >}}) para tener una idea de lo que Congo puede hacer. Si te gusta lo que ves, consulta el proyecto en [Github](https://github.com/jpanther/congo) o lee la [Guía de instalación]({{< ref path="docs/installation" lang="en" >}}) para comenzar.
|
|
@ -0,0 +1,18 @@
|
||||||
|
---
|
||||||
|
title: "Páginas de ejemplo"
|
||||||
|
description: "Vea lo que es posible con Congo."
|
||||||
|
|
||||||
|
cascade:
|
||||||
|
showEdit: false
|
||||||
|
showSummary: true
|
||||||
|
---
|
||||||
|
|
||||||
|
{{< lead >}}
|
||||||
|
Congo da vida a su contenido. :heart_eyes:
|
||||||
|
{{< /lead >}}
|
||||||
|
|
||||||
|
Esta sección contiene ejemplos que muestran cómo Congo representa diferentes tipos de contenido. También puedes ver una página con una [lista de taxonomía]({{< ref "tags" >}}) de ejemplo.
|
||||||
|
|
||||||
|
_**Nota al margen:** Esta página es solo una lista estándar de artículos de Congo, y Hugo se ha configurado para generar un tipo de contenido de `ejemplos` y mostrar resúmenes de artículos._
|
||||||
|
|
||||||
|
---
|
|
@ -0,0 +1,87 @@
|
||||||
|
---
|
||||||
|
title: "Gráficos"
|
||||||
|
date: 2019-03-06
|
||||||
|
description: "Guía para usar Chart.js en Congo"
|
||||||
|
summary: "Congo incluye Chart.js para mostrar potentes gráficos y visualizaciones de datos."
|
||||||
|
tags: ["chart", "sample", "graph", "shortcodes"]
|
||||||
|
---
|
||||||
|
|
||||||
|
Congo incluye soporte para Chart.js usando el shortcode `chart`. Simplemente encierra las etiquetas del gráfico dentro del shortcode.
|
||||||
|
|
||||||
|
Congo crea temas de gráficos automáticamente para que coincidan con el parámetro `colorScheme` configurado. Sin embargo, los colores se pueden personalizar usando la sintaxis normal de Chart.js.
|
||||||
|
|
||||||
|
Consulta la documentación del [chart shortcode]({{< ref path="docs/shortcodes#chart" lang="en" >}}) para obtener más detalles.
|
||||||
|
|
||||||
|
Los ejemplos a continuación son una pequeña selección tomada de la [documentación oficial de Chart.js](https://www.chartjs.org/docs/latest/samples). También puedes ver el [código fuente de la página](https://raw.githubusercontent.com/jpanther/congo/dev/exampleSite/content/samples/charts.es.md) en GitHub para ver la sintaxis.
|
||||||
|
|
||||||
|
## Gráfico de barras
|
||||||
|
|
||||||
|
<!-- prettier-ignore-start -->
|
||||||
|
{{< chart >}}
|
||||||
|
type: 'bar',
|
||||||
|
data: {
|
||||||
|
labels: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio'],
|
||||||
|
datasets: [{
|
||||||
|
label: 'Mi primer Dataset',
|
||||||
|
data: [65, 59, 80, 81, 56, 55, 40],
|
||||||
|
backgroundColor: [
|
||||||
|
'rgba(255, 99, 132, 0.2)',
|
||||||
|
'rgba(255, 159, 64, 0.2)',
|
||||||
|
'rgba(255, 205, 86, 0.2)',
|
||||||
|
'rgba(75, 192, 192, 0.2)',
|
||||||
|
'rgba(54, 162, 235, 0.2)',
|
||||||
|
'rgba(153, 102, 255, 0.2)',
|
||||||
|
'rgba(201, 203, 207, 0.2)'
|
||||||
|
],
|
||||||
|
borderColor: [
|
||||||
|
'rgb(255, 99, 132)',
|
||||||
|
'rgb(255, 159, 64)',
|
||||||
|
'rgb(255, 205, 86)',
|
||||||
|
'rgb(75, 192, 192)',
|
||||||
|
'rgb(54, 162, 235)',
|
||||||
|
'rgb(153, 102, 255)',
|
||||||
|
'rgb(201, 203, 207)'
|
||||||
|
],
|
||||||
|
borderWidth: 1
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
{{< /chart >}}
|
||||||
|
<!-- prettier-ignore-end -->
|
||||||
|
|
||||||
|
## Gráfico de linea
|
||||||
|
|
||||||
|
<!-- prettier-ignore-start -->
|
||||||
|
{{< chart >}}
|
||||||
|
type: 'line',
|
||||||
|
data: {
|
||||||
|
labels: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio'],
|
||||||
|
datasets: [{
|
||||||
|
label: 'Mi primer Dataset',
|
||||||
|
data: [65, 59, 80, 81, 56, 55, 40],
|
||||||
|
tension: 0.2
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
{{< /chart >}}
|
||||||
|
<!-- prettier-ignore-end -->
|
||||||
|
|
||||||
|
## Gráfico de anillos
|
||||||
|
|
||||||
|
<!-- prettier-ignore-start -->
|
||||||
|
{{< chart >}}
|
||||||
|
type: 'doughnut',
|
||||||
|
data: {
|
||||||
|
labels: ['Rojo', 'Azul', 'Amarillo'],
|
||||||
|
datasets: [{
|
||||||
|
label: 'Mi primer Dataset',
|
||||||
|
data: [300, 50, 100],
|
||||||
|
backgroundColor: [
|
||||||
|
'rgba(255, 99, 132, 0.7)',
|
||||||
|
'rgba(54, 162, 235, 0.7)',
|
||||||
|
'rgba(255, 205, 86, 0.7)'
|
||||||
|
],
|
||||||
|
borderWidth: 0,
|
||||||
|
hoverOffset: 4
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
{{< /chart >}}
|
||||||
|
<!-- prettier-ignore-end -->
|
|
@ -0,0 +1,92 @@
|
||||||
|
---
|
||||||
|
title: "Diagramas y diagramas de flujo"
|
||||||
|
date: 2019-03-06
|
||||||
|
description: "Guía para el uso de Mermaid en Congo"
|
||||||
|
summary: "Es fácil agregar diagramas y diagramas de flujo a los artículos usando Mermaid."
|
||||||
|
tags: ["mermaid", "sample", "diagram", "shortcodes"]
|
||||||
|
---
|
||||||
|
|
||||||
|
Los diagramas Mermaid son compatibles con Congo utilizando el shortcode `mermaid`. Simplemente encierra las etiquetas del diagrama dentro del shortcode. Congo crea temas automáticamente a los diagramas Mermaid para que coincidan con el parámetro `colorScheme` configurado.
|
||||||
|
|
||||||
|
Consulta la documentación del [shortcode Mermaid]({{< ref path="docs/shortcodes#mermaid" lang="en" >}}) para obtener más detalles.
|
||||||
|
|
||||||
|
Los ejemplos a continuación son una pequeña selección tomada de la [documentación oficial de Mermaid](https://mermaid-js.github.io/mermaid/). También puedes ver el [código fuente de la página](https://raw.githubusercontent.com/jpanther/congo/dev/exampleSite/content/samples/diagrams-flowcharts/index.es.md) en GitHub para ver la sintaxis.
|
||||||
|
|
||||||
|
## Diagrama de flujo
|
||||||
|
|
||||||
|
{{< mermaid >}}
|
||||||
|
graph TD
|
||||||
|
A[Christmas] -->|Get money| B(Go shopping)
|
||||||
|
B --> C{Let me think}
|
||||||
|
B --> G[/Another/]
|
||||||
|
C ==>|One| D[Laptop]
|
||||||
|
C -->|Two| E[iPhone]
|
||||||
|
C -->|Three| F[Car]
|
||||||
|
subgraph Section
|
||||||
|
C
|
||||||
|
D
|
||||||
|
E
|
||||||
|
F
|
||||||
|
G
|
||||||
|
end
|
||||||
|
{{< /mermaid >}}
|
||||||
|
|
||||||
|
## Diagrama de secuencia
|
||||||
|
|
||||||
|
{{< mermaid >}}
|
||||||
|
sequenceDiagram
|
||||||
|
autonumber
|
||||||
|
par Action 1
|
||||||
|
Alice->>John: Hello John, how are you?
|
||||||
|
and Action 2
|
||||||
|
Alice->>Bob: Hello Bob, how are you?
|
||||||
|
end
|
||||||
|
Alice->>+John: Hello John, how are you?
|
||||||
|
Alice->>+John: John, can you hear me?
|
||||||
|
John-->>-Alice: Hi Alice, I can hear you!
|
||||||
|
Note right of John: John is perceptive
|
||||||
|
John-->>-Alice: I feel great!
|
||||||
|
loop Every minute
|
||||||
|
John-->Alice: Great!
|
||||||
|
end
|
||||||
|
{{< /mermaid >}}
|
||||||
|
|
||||||
|
## Diagrama de clase
|
||||||
|
|
||||||
|
{{< mermaid >}}
|
||||||
|
classDiagram
|
||||||
|
Animal "1" <|-- Duck
|
||||||
|
Animal <|-- Fish
|
||||||
|
Animal <--o Zebra
|
||||||
|
Animal : +int age
|
||||||
|
Animal : +String gender
|
||||||
|
Animal: +isMammal()
|
||||||
|
Animal: +mate()
|
||||||
|
class Duck{
|
||||||
|
+String beakColor
|
||||||
|
+swim()
|
||||||
|
+quack()
|
||||||
|
}
|
||||||
|
class Fish{
|
||||||
|
-int sizeInFeet
|
||||||
|
-canEat()
|
||||||
|
}
|
||||||
|
class Zebra{
|
||||||
|
+bool is_wild
|
||||||
|
+run()
|
||||||
|
}
|
||||||
|
{{< /mermaid >}}
|
||||||
|
|
||||||
|
## Diagrama entidad-relación
|
||||||
|
|
||||||
|
{{< mermaid >}}
|
||||||
|
erDiagram
|
||||||
|
CUSTOMER }|..|{ DELIVERY-ADDRESS : has
|
||||||
|
CUSTOMER ||--o{ ORDER : places
|
||||||
|
CUSTOMER ||--o{ INVOICE : "liable for"
|
||||||
|
DELIVERY-ADDRESS ||--o{ ORDER : receives
|
||||||
|
INVOICE ||--|{ ORDER : covers
|
||||||
|
ORDER ||--|{ ORDER-ITEM : includes
|
||||||
|
PRODUCT-CATEGORY ||--|{ PRODUCT : contains
|
||||||
|
PRODUCT ||--o{ ORDER-ITEM : "ordered in"
|
||||||
|
{{< /mermaid >}}
|
|
@ -0,0 +1,19 @@
|
||||||
|
---
|
||||||
|
title: "Emoji :parachute:"
|
||||||
|
date: 2019-03-05
|
||||||
|
description: "Guide to Emoji usage in Congo"
|
||||||
|
summary: "📖🏞️🧗🏽🐉🧙🏽♂️🧚🏽👸"
|
||||||
|
tags: ["emoji", "sample"]
|
||||||
|
---
|
||||||
|
|
||||||
|
Los Emojis son compatibles en Congo de forma predeterminada. Estos se pueden usar en títulos, elementos de menú y en el contenido de los artículos.
|
||||||
|
|
||||||
|
{{< alert >}}
|
||||||
|
**Note:** La representación de estos glifos depende del navegador y de la plataforma. Para cambiar el estilo del emoji, puedes usar un font de emojis de terceros o una pila de fonts.
|
||||||
|
{{< /alert >}}
|
||||||
|
|
||||||
|
El reemplazo de emojis es automático en Congo, por lo que puedes usar las formas abreviadas dentro de tu contenido y se convertirán a sus símbolos correspondientes en el momento de la compilación.
|
||||||
|
|
||||||
|
**Ejemplo:** `see_no_evil` :see_no_evil:, `hear_no_evil` :hear_no_evil:, `speak_no_evil` :speak_no_evil:.
|
||||||
|
|
||||||
|
La [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) es una referencia útil para los códigos abreviados de los emojis.
|
|
@ -0,0 +1,14 @@
|
||||||
|
---
|
||||||
|
title: "Artículo externo - ¿Por qué cambié a Fathom Analytics?"
|
||||||
|
date: 2019-01-24
|
||||||
|
externalUrl: "https://jamespanther.com/writings/i-switched-from-google-analytics-to-fathom-analytics/"
|
||||||
|
summary: "El parámetro `externalUrl` se puede vincular a cualquier URL. Este artículo se parece a cualquier otro, pero se vinculará a una publicación que está fuera del proyecto."
|
||||||
|
showReadingTime: false
|
||||||
|
_build:
|
||||||
|
render: "never"
|
||||||
|
list: "local"
|
||||||
|
---
|
||||||
|
|
||||||
|
Esta página utiliza el parámetro `externalUrl` para vincularlo a un artículo fuera de este sitio web.
|
||||||
|
|
||||||
|
Es ideal para cosas como enlaces a publicaciones en Medium o para trabajos de investigación que puede haber alojado en sitios web de terceros.
|
|
@ -0,0 +1,77 @@
|
||||||
|
---
|
||||||
|
title: "Iconos"
|
||||||
|
date: 2020-08-14
|
||||||
|
lastmod: 2023-01-23
|
||||||
|
draft: false
|
||||||
|
description: Soporte de iconos en Congo."
|
||||||
|
slug: "icons"
|
||||||
|
tags: ["icons", "sample", "shortcodes"]
|
||||||
|
showDateUpdated: true
|
||||||
|
---
|
||||||
|
|
||||||
|
Congo tiene soporte integrado para varios íconos de [FontAwesome 6](https://fontawesome.com/icons). Estos se pueden incluir en su sitio web a través del [ícono parcial]({{< ref path="docs/partials#icon" lang="en" >}}) o el [código abreviado]({{< ref path="docs/shortcodes#icon" lang="en" >}}) del ícono.
|
||||||
|
|
||||||
|
Además, los íconos personalizados también son totalmente compatibles. Simplemente proporcione sus propios archivos en formato SVG y coloquelos en el directorio `assets/icons/` en la raíz de su proyecto. Cualquier ícono en el directorio de íconos estará disponible para usar en todo el tema.
|
||||||
|
|
||||||
|
La lista completa de íconos incorporados y sus nombres correspondientes se pueden consultar a continuación.
|
||||||
|
|
||||||
|
| Nombre del ícono | Previsualización |
|
||||||
|
| -------------------- | --------------------------------- |
|
||||||
|
| amazon | {{< icon amazon >}} |
|
||||||
|
| apple | {{< icon apple >}} |
|
||||||
|
| bars | {{< icon bars >}} |
|
||||||
|
| blogger | {{< icon blogger >}} |
|
||||||
|
| bug | {{< icon bug >}} |
|
||||||
|
| check | {{< icon check >}} |
|
||||||
|
| circle-info | {{< icon circle-info >}} |
|
||||||
|
| codepen | {{< icon codepen >}} |
|
||||||
|
| comment | {{< icon comment >}} |
|
||||||
|
| dev | {{< icon dev >}} |
|
||||||
|
| dribbble | {{< icon dribbble >}} |
|
||||||
|
| edit | {{< icon edit >}} |
|
||||||
|
| email | {{< icon email >}} |
|
||||||
|
| facebook | {{< icon facebook >}} |
|
||||||
|
| flickr | {{< icon flickr >}} |
|
||||||
|
| foursquare | {{< icon foursquare >}} |
|
||||||
|
| github | {{< icon github >}} |
|
||||||
|
| gitlab | {{< icon gitlab >}} |
|
||||||
|
| google | {{< icon google >}} |
|
||||||
|
| hashnode | {{< icon hashnode >}} |
|
||||||
|
| instagram | {{< icon instagram >}} |
|
||||||
|
| keybase | {{< icon keybase >}} |
|
||||||
|
| kickstarter | {{< icon kickstarter >}} |
|
||||||
|
| lastfm | {{< icon lastfm >}} |
|
||||||
|
| lightbulb | {{< icon lightbulb >}} |
|
||||||
|
| link | {{< icon link >}} |
|
||||||
|
| linkedin | {{< icon linkedin >}} |
|
||||||
|
| list | {{< icon list >}} |
|
||||||
|
| mastodon | {{< icon mastodon >}} |
|
||||||
|
| medium | {{< icon medium >}} |
|
||||||
|
| microsoft | {{< icon microsoft >}} |
|
||||||
|
| mobile | {{< icon mobile >}} |
|
||||||
|
| moon | {{< icon moon >}} |
|
||||||
|
| orcid | {{< icon orcid >}} |
|
||||||
|
| patreon | {{< icon patreon >}} |
|
||||||
|
| pencil | {{< icon pencil >}} |
|
||||||
|
| phone | {{< icon phone >}} |
|
||||||
|
| pinterest | {{< icon pinterest >}} |
|
||||||
|
| reddit | {{< icon reddit >}} |
|
||||||
|
| researchgate | {{< icon researchgate >}} |
|
||||||
|
| search | {{< icon search >}} |
|
||||||
|
| skull-crossbones | {{< icon skull-crossbones >}} |
|
||||||
|
| slack | {{< icon slack >}} |
|
||||||
|
| snapchat | {{< icon snapchat >}} |
|
||||||
|
| soundcloud | {{< icon soundcloud >}} |
|
||||||
|
| stack-overflow | {{< icon stack-overflow >}} |
|
||||||
|
| steam | {{< icon steam >}} |
|
||||||
|
| sun | {{< icon sun >}} |
|
||||||
|
| tag | {{< icon tag >}} |
|
||||||
|
| telegram | {{< icon telegram >}} |
|
||||||
|
| tiktok | {{< icon tiktok >}} |
|
||||||
|
| triangle-exclamation | {{< icon triangle-exclamation >}} |
|
||||||
|
| tumblr | {{< icon tumblr >}} |
|
||||||
|
| twitch | {{< icon twitch >}} |
|
||||||
|
| twitter | {{< icon twitter >}} |
|
||||||
|
| whatsapp | {{< icon whatsapp >}} |
|
||||||
|
| xmark | {{< icon xmark >}} |
|
||||||
|
| youtube | {{< icon youtube >}} |
|
|
@ -0,0 +1,145 @@
|
||||||
|
---
|
||||||
|
title: "Markdown"
|
||||||
|
date: 2019-03-11
|
||||||
|
description: "Ejemplo de artículo que muestra la sintaxis y el formato básico de Markdown para elementos HTML."
|
||||||
|
tags: ["markdown", "css", "html", "sample"]
|
||||||
|
---
|
||||||
|
|
||||||
|
Este artículo es la sintaxis de Markdown que se puede usar en Congo. También muestra cómo se decoran algunos elementos básicos de HTML.
|
||||||
|
|
||||||
|
<!--more-->
|
||||||
|
|
||||||
|
## Encabezados
|
||||||
|
|
||||||
|
Los siguientes elementos HTML `<h1>`—`<h6>` representan seis niveles de encabezados. `<h1>` es el nivel de sección más alto, mientras que `<h6>` es el más bajo.
|
||||||
|
|
||||||
|
# H1
|
||||||
|
|
||||||
|
## H2
|
||||||
|
|
||||||
|
### H3
|
||||||
|
|
||||||
|
#### H4
|
||||||
|
|
||||||
|
##### H5
|
||||||
|
|
||||||
|
###### H6
|
||||||
|
|
||||||
|
## Párrafo
|
||||||
|
|
||||||
|
Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
|
||||||
|
|
||||||
|
Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
|
||||||
|
|
||||||
|
## Citas en bloque
|
||||||
|
|
||||||
|
Las citas en bloque representan contenido que se cita de otra fuente, opcionalmente con una cita que debe estar dentro de un elemento `footer` o `cite`, y opcionalmente con cambios en línea como anotaciones y abreviaturas.
|
||||||
|
|
||||||
|
### Cita en bloque sin atribución
|
||||||
|
|
||||||
|
> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
|
||||||
|
> **Nota** puedes usar _Sintaxis Markdown_ dentro de la cita en bloque.
|
||||||
|
|
||||||
|
### Cita en bloque con atribución
|
||||||
|
|
||||||
|
> Don't communicate by sharing memory, share memory by communicating.<br>
|
||||||
|
> — <cite>Rob Pike[^1]</cite>
|
||||||
|
|
||||||
|
[^1]: La cita anterior es un extracto de [talk `about` nothing](https://www.youtube.com/watch?v=PAAkCSZUG1c) durante el Gopherfest, November 18, 2015.
|
||||||
|
|
||||||
|
## Tablas
|
||||||
|
|
||||||
|
Las tablas no forman parte de la especificación principal de Markdown, pero Hugo las soporta por defecto.
|
||||||
|
|
||||||
|
| Nombre | Edad |
|
||||||
|
| ------ | ---- |
|
||||||
|
| Bob | 27 |
|
||||||
|
| Alice | 23 |
|
||||||
|
|
||||||
|
### Markdown dentro de las tablas
|
||||||
|
|
||||||
|
| Cursiva | Negritas | Código |
|
||||||
|
| --------- | ---------- | -------- |
|
||||||
|
| _Cursiva_ | **Negrita** | `Código` |
|
||||||
|
|
||||||
|
## Bloques de código
|
||||||
|
|
||||||
|
### Bloque de código con acentos graves
|
||||||
|
|
||||||
|
```html
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<title>Example HTML5 Document</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<p>Test</p>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
```
|
||||||
|
|
||||||
|
### Bloque de código indentado con cuatro espacios
|
||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Example HTML5 Document</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<p>Test</p>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
### Bloque de código con resaltado usando el shortcode interno de Hugo
|
||||||
|
|
||||||
|
{{< highlight html "linenos=table,hl_lines=4 7-9" >}}
|
||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Example HTML5 Document</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<p>Test</p>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
{{< /highlight >}}
|
||||||
|
|
||||||
|
## Tipos de lista
|
||||||
|
|
||||||
|
### Lista ordenada
|
||||||
|
|
||||||
|
1. Primer artículo
|
||||||
|
2. Segundo artículo
|
||||||
|
3. Tercer artículo
|
||||||
|
|
||||||
|
### Lista desordenada
|
||||||
|
|
||||||
|
- Elemento de la lista
|
||||||
|
- Otro artículo
|
||||||
|
- Un artículo más
|
||||||
|
|
||||||
|
### Lista anidada
|
||||||
|
|
||||||
|
- Fruta
|
||||||
|
- Manzana
|
||||||
|
- Naranja
|
||||||
|
- Platano
|
||||||
|
- Lácteos
|
||||||
|
- Leche
|
||||||
|
- Queso
|
||||||
|
|
||||||
|
## Otros elementos — abbr, sub, sup, kbd, mark
|
||||||
|
|
||||||
|
<abbr title="Graphics Interchange Format">GIF</abbr> es un formato de imagen de mapa de bits.
|
||||||
|
|
||||||
|
H<sub>2</sub>O
|
||||||
|
|
||||||
|
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
|
||||||
|
|
||||||
|
Presiona <kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd> para terminar la sesión.
|
||||||
|
|
||||||
|
La mayoría de las <mark>salamandras</mark> son nocturnas y cazan insectos, gusanos y otras criaturas pequeñas.
|
|
@ -0,0 +1,46 @@
|
||||||
|
---
|
||||||
|
title: Notación matemática
|
||||||
|
date: 2019-03-08
|
||||||
|
description: Una breve muestra de notación matemática en Congo.
|
||||||
|
tags: ["sample", "katex", "maths", "shortcodes"]
|
||||||
|
---
|
||||||
|
|
||||||
|
Una breve muestra de notación matemática en Congo.
|
||||||
|
|
||||||
|
<!--more-->
|
||||||
|
|
||||||
|
{{< katex >}}
|
||||||
|
|
||||||
|
Congo solo incluirá los assets de KaTeX en su proyecto si utiliza notación matemática. Para que esto funcione, simplemente incluya el [`katex` shortcode]({{< ref path="docs/shortcodes#katex" lang="en" >}}) dentro del artículo. Cualquier sintaxis de KaTeX en esa página se renderizará automáticamente.
|
||||||
|
|
||||||
|
Utilice la documentación en línea de [funciones TeX admitidas](https://katex.org/docs/supported.html) para conocer la sintaxis disponible.
|
||||||
|
|
||||||
|
## Notación en línea
|
||||||
|
|
||||||
|
La notación en línea se puede generar envolviendo la expresión en los delimitadores `\\(` y `\\)`.
|
||||||
|
|
||||||
|
**Ejemplo:**
|
||||||
|
|
||||||
|
```tex
|
||||||
|
% KaTeX notación en línea
|
||||||
|
Notación en línea: \\(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\\)
|
||||||
|
```
|
||||||
|
|
||||||
|
Notación en línea: \\(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\\)
|
||||||
|
|
||||||
|
## Notación en bloque
|
||||||
|
|
||||||
|
Alternativamente, la notación en bloque se puede generar usando delimitadores `$$`. Esto generará la expresión en su propio bloque HTML.
|
||||||
|
|
||||||
|
**Ejemplo:**
|
||||||
|
|
||||||
|
```tex
|
||||||
|
% KaTeX notación en bloque
|
||||||
|
$$
|
||||||
|
\varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
|
||||||
|
$$
|
||||||
|
```
|
||||||
|
|
||||||
|
$$
|
||||||
|
\varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
|
||||||
|
$$
|
|
@ -0,0 +1,39 @@
|
||||||
|
---
|
||||||
|
title: "Placeholder Text"
|
||||||
|
date: "2019-03-09"
|
||||||
|
lastmod: "2022-01-24"
|
||||||
|
draft: true
|
||||||
|
description: "Lorem Ipsum Dolor Si Amet"
|
||||||
|
tags: ["markdown", "text", "sample", "latin"]
|
||||||
|
showDateUpdated: true
|
||||||
|
xml: false
|
||||||
|
---
|
||||||
|
|
||||||
|
Lorem est tota propiore conpellat pectoribus de pectora summo. <!--more-->Redit teque digerit hominumque toris verebor lumina non cervice subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.
|
||||||
|
|
||||||
|
1. Exierant elisi ambit vivere dedere
|
||||||
|
2. Duce pollice
|
||||||
|
3. Eris modo
|
||||||
|
4. Spargitque ferrea quos palude
|
||||||
|
|
||||||
|
Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria tractus malis.
|
||||||
|
|
||||||
|
1. Comas hunc haec pietate fetum procerum dixit
|
||||||
|
2. Post torum vates letum Tiresia
|
||||||
|
3. Flumen querellas
|
||||||
|
4. Arcanaque montibus omnes
|
||||||
|
5. Quidem et
|
||||||
|
|
||||||
|
## Vagus elidunt
|
||||||
|
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" overflow="visible" viewBox="0 0 496 373" height="186" width="248"><g fill="none"><path stroke="#000" stroke-width="2" d="M.599 372.348L495.263 1.206M.312.633l494.95 370.853M.312 372.633L247.643.92M248.502.92l246.76 370.566M330.828 123.869V1.134M330.396 1.134L165.104 124.515"></path><path stroke="#ED1C24" stroke-width="2" d="M275.73 41.616h166.224v249.05H275.73zM54.478 41.616h166.225v249.052H54.478z"></path><path stroke="#000" stroke-width="2" d="M.479.375h495v372h-495zM247.979.875v372"></path><ellipse cx="498.729" cy="177.625" rx="2" ry="1.25"></ellipse><ellipse cx="247.229" cy="377.375" rx="2" ry="1.25"></ellipse></g></svg>
|
||||||
|
|
||||||
|
[The Van de Graaf Canon](https://en.wikipedia.org/wiki/Canons_of_page_construction#Van_de_Graaf_canon)
|
||||||
|
|
||||||
|
### Mane refeci capiebant unda mulcebat
|
||||||
|
|
||||||
|
Victa caducifer, malo vulnere contra dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. **Faces illo pepulere** tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis.
|
||||||
|
|
||||||
|
Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae vulnus haerentia iuste et exercebat, sui et.
|
||||||
|
|
||||||
|
Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel **mitis temploque** vocatus, inque alis, _oculos nomen_ non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem Propoetides **parte**.
|
|
@ -0,0 +1,37 @@
|
||||||
|
---
|
||||||
|
title: "Contenido enriquecido"
|
||||||
|
date: 2019-03-10
|
||||||
|
description: "Una breve descripción de los shortcuts de Hugo"
|
||||||
|
summary: "Este es un _ejemplo_ de un resumen de contenido **enriquecido**."
|
||||||
|
coverAlt: "Una imagen de portada de ejemplo que muestra logos de algunas redes sociales populares."
|
||||||
|
coverCaption: "Este es un ejemplo de pie de foto para una portada."
|
||||||
|
tags: ["shortcodes", "privacy", "sample", "gist", "twitter", "youtube", "vimeo"]
|
||||||
|
---
|
||||||
|
|
||||||
|
Hugo viene con varios [shortcuts integrados](https://gohugo.io/content-management/shortcodes/#use-hugos-built-in-shortcodes) para hacer contenido enriquecido, junto con una [configuración de privacidad](https://gohugo.io/about/hugo-and-gdpr/) y un conjunto de _shortcuts simples_ que permiten incrustar versiones estáticas y sin Javascript de varias redes sociales.
|
||||||
|
|
||||||
|
## YouTube
|
||||||
|
|
||||||
|
A continuación, se muestra un ejemplo que utiliza el shortcut integrado `youtube`.
|
||||||
|
|
||||||
|
{{< youtube ZJthWmvUzzc >}}
|
||||||
|
|
||||||
|
## Twitter
|
||||||
|
|
||||||
|
Este ejemplo usa el shortcode `twitter_simple` para generar un Tweet. Requiere dos parámetros por nombre: `usuario` e `id`.
|
||||||
|
|
||||||
|
{{< twitter_simple user="DesignReviewed" id="1085870671291310081" >}}
|
||||||
|
|
||||||
|
Alternativamente, el shortcut `tweet` se puede usar para incrustar una tarjeta completa de Twitter.
|
||||||
|
|
||||||
|
## Gist
|
||||||
|
|
||||||
|
El shortcode `gist` se puede usar para incrustar un GitHub Gist. Requiere dos parámetros por posición: el nombre de usuario y el ID del Gist.
|
||||||
|
|
||||||
|
{{< gist jpanther a873e1219ffeaa80a926bbe8255f348e >}}
|
||||||
|
|
||||||
|
## Vimeo
|
||||||
|
|
||||||
|
El shortcode `vimeo_simple` insertará un video de Vimeo.
|
||||||
|
|
||||||
|
{{< vimeo_simple 48912912 >}}
|
|
@ -0,0 +1,9 @@
|
||||||
|
---
|
||||||
|
title: Etiquetas
|
||||||
|
---
|
||||||
|
|
||||||
|
Congo tiene soporte total para las taxonomías de Hugo y se adaptará a cualquier configuración de taxonomía. Las listas de taxonomías como esta también admiten contenido personalizado que se muestra encima de la lista de términos.
|
||||||
|
|
||||||
|
Esta área podría usarse para agregar texto descriptivo adicional a cada taxonomía. Consulte el ejemplo de [etiquetas avanzadas]({{< ref path="advanced" >}}) a continuación para ver cómo llevar este concepto aún más lejos.
|
||||||
|
|
||||||
|
---
|
|
@ -0,0 +1,7 @@
|
||||||
|
---
|
||||||
|
title: Avanzada
|
||||||
|
---
|
||||||
|
|
||||||
|
Esta es la etiqueta avanzada. Al igual que otras páginas de listas en Congo, puede agregar contenido personalizado a los términos taxonómicos individuales y se mostrará en la parte superior de la lista de términos. :rocket:
|
||||||
|
|
||||||
|
También puedes usar estas páginas de contenido para definir metadatos de Hugo como títulos y descripciones que se usarán para SEO y otros fines.
|
|
@ -0,0 +1,73 @@
|
||||||
|
---
|
||||||
|
title: "Usuarios"
|
||||||
|
date: 2020-08-14
|
||||||
|
draft: false
|
||||||
|
description: "Algunos ejemplos reales de Congo."
|
||||||
|
slug: "users"
|
||||||
|
tags: ["users", "sample"]
|
||||||
|
showDate: false
|
||||||
|
showAuthor: false
|
||||||
|
showReadingTime: false
|
||||||
|
showEdit: false
|
||||||
|
---
|
||||||
|
|
||||||
|
{{< lead >}}
|
||||||
|
Sitios web reales que se han creado con Congo.
|
||||||
|
{{< /lead >}}
|
||||||
|
|
||||||
|
La lista a continuación es solo un puñado de sitios web creados con el tema Congo. Échales un vistazo para descubrir algunos excelentes ejemplos de lo que el tema puede hacer.
|
||||||
|
|
||||||
|
| Website | Detalles |
|
||||||
|
| ---------------------------------------------------------------------- | ------------------------------- |
|
||||||
|
| [jamespanther.com](https://jamespanther.com) | Personal site - Theme author |
|
||||||
|
| [antoinesoetewey.com](https://antoinesoetewey.com/) | Personal site |
|
||||||
|
| [leif.io](https://leif.io/) | Personal site and Tech blog |
|
||||||
|
| [dr460nf1r3.org](https://dr460nf1r3.org/) | Personal site and Blog |
|
||||||
|
| [OCram85.com](https://ocram85.com) | Personal site and Blog |
|
||||||
|
| [mackiser.github.io](https://mackiser.github.io) | Personal site and Blog |
|
||||||
|
| [jamesmillner.dev](https://jamesmillner.dev) | Personal site and Blog |
|
||||||
|
| [jeremic.ca](https://jeremic.ca) | Personal site and Blog |
|
||||||
|
| [rohn.tech](https://rohn.tech) | Personal site |
|
||||||
|
| [klimafreundlicher-kochen.de](https://www.klimafreundlicher-kochen.de) | Food blog (in German) |
|
||||||
|
| [seyslee.github.io](https://seyslee.github.io) | Tech blog (in Korean) |
|
||||||
|
| [datanalyze.be](https://datanalyze.be/) | Professional site |
|
||||||
|
| [sneaky-potato.github.io](https://sneaky-potato.github.io/) | Professional site and Blog |
|
||||||
|
| [kelset.dev](https://kelset.dev) | Personal site |
|
||||||
|
| [docteurelsavancaster.com](https://docteurelsavancaster.com/) | Professional site |
|
||||||
|
| [ruihao-li.github.io](https://ruihao-li.github.io/) | Personal site and Blog |
|
||||||
|
| [phalanxhead.dev](https://phalanxhead.dev) | Personal site and Blog |
|
||||||
|
| [Bible Multi Apps](https://hotlittlewhitedog.gitlab.io/biblemulti) | Personal site and Blog |
|
||||||
|
| [Jh123x](https://jh123x.com/) | Personal site and Blog |
|
||||||
|
| [sforzando LLC. and Inc.](https://sfz.dev/) | Corporate site and Blog |
|
||||||
|
| [aidansmith.me](https://aidansmith.me/) | Personal Site |
|
||||||
|
| [nunocoracao.com](https://nunocoracao.com) | Personal site and Blog |
|
||||||
|
| [szegedkungfu.hu](https://balance-se.github.io/) | Sports association site |
|
||||||
|
| [jcransom.com](https://www.jcransom.com/) | Personal Site and Blog |
|
||||||
|
| [cbrincoveanu.com](https://www.cbrincoveanu.com/) | Personal site and Blog |
|
||||||
|
| [medical-humanities](https://medical-humanities.org) | Academic site |
|
||||||
|
| [boyersnet.com](https://boyersnet.com) | Personal site and Blog |
|
||||||
|
| [major.io](https://major.io) | Personal site and Blog |
|
||||||
|
| [bayas.dev](https://bayas.dev) | Personal site and Blog |
|
||||||
|
| [顾宇的博客](https://www.guyu.me/) | Personal Blog (in Chinese) |
|
||||||
|
| [cgutierr-zgz.github.io](https://cgutierr-zgz.github.io/) | Personal site and Tech blog |
|
||||||
|
| [adam.sr](https://adam.sr) | Personal site and Blog |
|
||||||
|
| [datadi.murgi.org](https://datadi.murgi.org) | Personal site and Blog |
|
||||||
|
| [shim.web.id](https://shim.web.id) | Personal Blog (in Indonesian) |
|
||||||
|
| [kpavlov.me](https://kpavlov.me) | Personal site and Blog |
|
||||||
|
| [pfisterer.dev](https://pfisterer.dev) | Personal site and Blog |
|
||||||
|
| [davidrothera.me](https://davidrothera.me) | Personal site and Blog |
|
||||||
|
| [ethantroy.com](https://ethantroy.com) | Personal Site and Blog |
|
||||||
|
| [sug.bitprism.net](https://sug.bitprism.net) | Personal Site and Blog |
|
||||||
|
| [arjuns.me](https://arjuns.me) | Personal Site and Blog |
|
||||||
|
| [statistix.be](https://statistix.be/) | Professional site |
|
||||||
|
| [sathyabh.at](https://sathyabh.at) | Personal Site and Blog |
|
||||||
|
| [leonidasv.com](https://leonidasv.com/) | Personal site and Blog |
|
||||||
|
| [andrew-jones.com](https://andrew-jones.com/) | Personal site and tech blog |
|
||||||
|
| [nikita.computer](https://nikita.computer/) | Personal site and tech blog |
|
||||||
|
| [blog.dejavu.moe](https://blog.dejavu.moe/) | Personal blog and weekly issues |
|
||||||
|
| [spiffyeight77.com](https://spiffyeight77.com/) | Personal blog |
|
||||||
|
| [Tomy's Blog](https://blog.tomy.me) | Personal site and Blog |
|
||||||
|
| [Beerjoa Blog](https://blog.beerjoa.dev) | Personal site and Blog |
|
||||||
|
|
||||||
|
<!-- :shushing_face: -->
|
||||||
|
**¿Usuaria de congo?** Para agregar tu sitio a esta lista, [haz un pull request](https://github.com/jpanther/congo/blob/dev/exampleSite/content/users/index.md).
|
Loading…
Reference in New Issue