Ryan Frias

Guia de Sintaxe Markdown

Thu, 13 Jul 2023 00:00:00 +0000

Esse artigo é um exemplo básico para mostrar a sintaxe Markdown que é usada nos arquivos de conteúdo do Hugo. Ele também mostrar como cada elemento básico HTML é estilizado com CSS com os temas do Hugo.

Markdown Syntax Guide

Thu, 13 Jul 2023 00:00:00 +0000

This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.

Conteúdo Rico

Wed, 12 Jul 2023 00:00:00 +0000

O Hugo vem com vários Shortcodes Internos para conteúdo rico, assim como uma Configuração de Privacidade e uma gama de Shortcodes simples que permitem embutir versões estáticas e sem JS de várias de redes sociais.

Link to heading

Rich Content

Wed, 12 Jul 2023 00:00:00 +0000

Hugo ships with several Built-in Shortcodes for rich content, along with a Privacy Config and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.

Link to heading

Mais Conteúdo Rico

Tue, 11 Jul 2023 00:00:00 +0000

O Hugo Coder proporciona alguns Shortcodes Customizados.

Link to heading

Configuração de Equações Matemáticas

Mon, 10 Jul 2023 00:00:00 +0000

Em um projeto Hugo as Notações Matemáticas podem ser usadas com a ajuda de bibliotecas JavaScript de terceiros.

Math Typesetting

Mon, 10 Jul 2023 00:00:00 +0000

Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.

HTML and CSS only tabs

Sun, 09 Jul 2023 00:00:00 +0000

Shortcodes Link to heading

The following content:

{{< tabgroup >}}
{{< tab name="Hello" >}}
Hello World!
{{< /tab >}}

{{< tab name="Goodbye" >}}
Goodbye Everybody!
{{< /tab >}}
{{< /tabgroup >}}

Will generate:

Hello

Hello World!

Goodbye

Goodbye Everybody!

Right alignment Link to heading

You can also align the tabs to the right:

{{< tabgroup align="right" >}}
{{< tab name="Hello" >}}
Hello World!
{{< /tab >}}

{{< tab name="Goodbye" >}}
Goodbye Everybody!
{{< /tab >}}
{{< /tabgroup >}}

Giving you this look:

HTML and CSS only tabs

Sun, 09 Jul 2023 00:00:00 +0000

Shortcodes Link to heading

O seguinte conteúdo:

{{< tabgroup >}}
{{< tab name="Hello" >}}
Hello World!
{{< /tab >}}

{{< tab name="Goodbye" >}}
Goodbye Everybody!
{{< /tab >}}
{{< /tabgroup >}}

Irá gerar:

Hello

Hello World!

Goodbye

Goodbye Everybody!

Alinhamento à direita Link to heading

Você também pode alinhas as tabs à direita:

{{< tabgroup align="right" >}}
{{< tab name="Hello" >}}
Hello World!
{{< /tab >}}

{{< tab name="Goodbye" >}}
Goodbye Everybody!
{{< /tab >}}
{{< /tabgroup >}}

Obtendo o seguinte resultado:

Mermaid JS support

Sat, 08 Jul 2023 00:00:00 +0000

If you want to use Mermaid-JS on your website. Provide mermaid as Shortcode in your markdown file.

flowchart LR A --> B B --> C C --> D D --> B

sequenceDiagram participant Alice participant Bob Alice->>Bob: Hi Bob Bob->>Alice: Hi Alice

Find more example on Mermaid-JS website.

Mermaid JS support

Sat, 08 Jul 2023 00:00:00 +0000

Se quiser usar o Mermaid-JS em sua página. Use o shortcode mermaid em seus conteúdos Markdown.

flowchart LR A --> B B --> C C --> D D --> B

sequenceDiagram participant Alice participant Bob Alice->>Bob: Hi Bob Bob->>Alice: Hi Alice

Entro mais exemplos na página do Mermaid-JS.

Emoji Support

Fri, 07 Jul 2023 00:00:00 +0000

Emoji can be enabled in a Hugo project in a number of ways.

Suporte a Emojis

Fri, 07 Jul 2023 00:00:00 +0000

Emojis podem ser ativados em um projeto Hugo de diversar formas.

External Page: Hugo Coder Wiki

Thu, 06 Jul 2023 00:00:00 +0000

Página Externa: Wiki Hugo Coder

Thu, 06 Jul 2023 00:00:00 +0000

Placeholder Text

Wed, 05 Jul 2023 00:00:00 +0000

Lorem est tota propiore conpellat pectoribus de pectora summo.

Texto de Exemplo

Wed, 05 Jul 2023 00:00:00 +0000

Lorem est tota propiore conpellat pectoribus de pectora summo.

Autores de Hugo

Thu, 05 Jan 2023 01:15:52 +0100

temas

Wed, 04 Jan 2023 23:21:18 +0100

sintaxe

Wed, 04 Jan 2023 23:21:06 +0100

Códigos curtos

Wed, 04 Jan 2023 11:51:36 +0100

About

Thu, 28 Feb 2019 00:00:00 +0000

Written in Go, Hugo is an open source static site generator available under the Apache Licence 2.0. Hugo supports TOML, YAML and JSON data file types, Markdown and HTML content files and uses shortcodes to add rich content. Other notable features are taxonomies, multilingual mode, image processing, custom output formats, HTML/CSS/JS minification and support for Sass SCSS workflows.

Hugo makes use of a variety of open source projects including:

Hugo is ideal for blogs, corporate websites, creative portfolios, online magazines, single page applications or even a website with thousands of pages.

About

Thu, 28 Feb 2019 00:00:00 +0000

Escrito em Go, Hugo é um gerador de sites estáticos de código aberto disponível sobre a licença Apache Licence 2.0. O Hugo suporta TOML, YAML e JSON como arquivos de dados, Markdown e HTML como arquivos de conteúdo, e usa shortcodes para adicionar conteúdos ricos. Outras funcionalidades notaveis são taxonomias, modo multilingual, processamento de imagens, formatos de saída customizaveis, minificação de HTML/CSS/JS e suporte a fluxos SASS/SCSS.

O Hugo faz o uso de vários projetos de código aberto incluíndo:

Contact

Mon, 01 Jan 0001 00:00:00 +0000

Follow me, @johndoe.

Contato

Mon, 01 Jan 0001 00:00:00 +0000

Me siga em @joaoninguem.

Projects

Mon, 01 Jan 0001 00:00:00 +0000

Nothing to see here… Move along!

Projetos

Mon, 01 Jan 0001 00:00:00 +0000

Nada para ver aqui.. Circulando!

Ryan Frias

Guia de Sintaxe Markdown

Markdown Syntax Guide

Conteúdo Rico

Link to heading

Rich Content

Link to heading

Mais Conteúdo Rico

Link to heading

More Rich Content

Link to heading

Configuração de Equações Matemáticas

Math Typesetting

HTML and CSS only tabs

Shortcodes Link to heading

Right alignment Link to heading

HTML and CSS only tabs

Shortcodes Link to heading

Alinhamento à direita Link to heading

Mermaid JS support

Mermaid JS support

Emoji Support

Suporte a Emojis

External Page: Hugo Coder Wiki

Página Externa: Wiki Hugo Coder

Placeholder Text

Texto de Exemplo

Autores de Hugo

temas

sintaxe

Códigos curtos

About

About

Contact

Contato

Projects

Projetos