Name | Date | Remarks | Version |
---|---|---|---|
Giovani Perotto Mesquita | 29/10/2024 | Criação | 1 |
Giovani Perotto Mesquita | 13/11/2024 | Ajuste nos links | 1 |
Neste artigo iremos sugerir um template para criação de artigos em markdown[1], que podem ser facilmente renderizados utilizando o vscode.
O nosso objetivo é do trazer uma alternativa grátis e que possa ser utilizado tanto online quanto offline, suportada por diversas plataformas e ferramentas.
Utilizaremos os seguintes requisitos de software, para escrever os artigos:
Conhecimento (não mandatório) em:
O artigo será estruturado de 4 partes:
Já o conteúdo poderá ser sub-dividido em:
O Título é uma frase que identifica o artigo, deve ser único entre os seus demais artigos, para evitar sobreposições. Também deve-se colocar a identificação do autor e a data que o mesmo foi redigido, bem como revisões posteriores e suas datas.
Sintaxe:
# $$\color{Blue}\Huge<<título1>>\ \newline\color{Blue}\Huge<<título1>>$$
Exemplo:
# $$ \color{Blue}\Huge As\ leis\ \newline fundamentais\ \newline da estupidez\ \newline humana $$
Num artigo é importante o registro de revisões.
Sintaxe:
|**Name**|**Date**|**Remarks**|**Version**| | :- | :- | :- | :- | |[AuthorName]|[Date]|Initial Requirements Specification|1| |[AuthorName]|[Date]|[Remarks]|[#]| ||||| |||||
Exemplo:
Name Date Remarks Version [AuthorName] [Date] Initial Requirements Specification 1 [AuthorName] [Date] [Remarks] [#]
O índice é uma lista das partes de um artigo, organizado pela ordem em que as partes aparecem. O mesmo possui relevância para uma acesso rápido a tôpicos do artigo.
Sintaxe:
1. [<<Capítulo/Tópico/Detalhe>>](#_tocnnn)
Exemplo:
1. [Introdução](#_toc001)
1. [Pré-requsitos](#_toc002)
1. [Documento](#_toc003)
- [Estrutura](#_toc0031)
- [Título](#_toc00311)
- [Índice](#_toc00312)
1. [Referências](#_toc004)
A ligação ao Capítulo/Tópico/Detalhe é efetuado quando da declaração do mesmo, através de um hyperlink (ex.: _toc001). Utilizaremos hyperlink para evitar problemas com acentuação e permitir apontamentos com o mesmo nome.
Sintaxe:
# <a name="_tocnnn"></a><<Capítulo/Tópico/Detalhe>>[↩︎](#_tocnnn)
Exemplo:
# <a name="_toc001"></a>Introdução[↩︎](#_toc000)
# <a name="_toc002"></a>Pré-requsitos[↩︎](#_toc000)
# <a name="_toc003"></a>Documento[↩︎](#_toc000)
## <a name="_toc0031"></a>Estrutura[↩︎](#_toc003)
### <a name="_toc00311"></a>Título[↩︎](#_toc0031)
### <a name="_toc00312"></a>Índice[↩︎](#_toc0031)
...
Convencionamos que:
Capítulo será iniciado com ##
Tópico será iniciado com ###
Detalhe será iniciado com ###
E que os hyperlinks serão numerados em ordem sequencial conforme a estrutura, por exemplo: se o capítulo for _toc001 o tópico filho se houver será _toc0011, o segundo será _toc0012, etc...
De mesma forma se o tópico tiver detalhe o mesmo será sequencial, exemplo o tópico _toc0011 o seu filho será _toc00111, _toc00112, etc ...
<a name="_tocnnn"></a><<Capítulo/Tópico/Detalhe>>
Na declaração do Capítulo/Tópico/Detalhe iremos ter um apontamento para o nível anterior, ou seja:
detalhe --> tópico
tópico --> capítulo
capítulo --> índice
Sintaxe:
[↩︎](#_tocnnn)
Outra convenção será que o hyperlink do índice será _toc000
, e que todos os capítulos irão apontar para ele na sua declaração.
Exemplo:
# <a name="_toc001"></a>Introdução[↩︎](#_toc000)
Conteúdo é basicamente tudo o que você consome ou cria em termos de informação, entretenimento, ou educação. Pode ser um texto, imagem, vídeo, áudio, gráfico, arte, etc. É algo que tem valor para quem recebe, seja para informar, entreter, educar ou inspirar. Pense em um artigo de blog, um post nas redes sociais, um podcast, ou até um meme engraçado. Todos são tipos de conteúdo.
Capítulo é uma especialização do Conteúdo, afim de criar itens que ajudam na compreensão do Conteúdo.
Tópico é uma especialização do Capítulo, afim de criar itens que ajudam na compreensão do Capítulo.
Detalhe é uma especialização do Tópico, afim de criar itens que ajudam na compreensão do Tópico.
É o assunto a ser transcorrido, podento ser texto, imagem, vídeo, áudio, gráfico, arte, etc. Para isso usamos a linguagem markdown[1:2], afim de realizar a sua formatação. Alguns padrões foram estabelecidos:
Link externo é efetuado pela seguinte sintaxe:
[<<nome do link>>](<<link>>)
exemplo:
[Markdown](https://en.wikipedia.org/wiki/Markdown)
Link de midias é efetuado pela seguinte sintaxe:
![<<nome da mídia>>](<<nome da mídia com extensão>>)
exemplo:
![PointofView](PointofView.png)
Link de item interno do documento é efetuado pela seguinte sintaxe:
[<<nome do item](#_tocnnn)
exemplo:
[Índice](#_toc000)
Obs.: (#_tocnnn)
como criado na declaração do item, como descrito em Índice.
Link de um vídeo youtube com a capa do próprio youtube é efetuado pela seguinte sintaxe:
[![<<Nome do vídeo>>](http://img.youtube.com/vi/<<vídeo ID>>/0.jpg)](https://www.youtube.com/watch?v=<<vídeo ID>>)
exemplo:
[![As cinco leis da estupidez humana de Cipolla](http://img.youtube.com/vi/oYpiYoqXCbA/0.jpg)](https://www.youtube.com/watch?v=oYpiYoqXCbA)
Obs.: Podemos usar esta técnica para outros tipos de mídias também.
Link de referência é efetuado pela seguinte sintaxe:
<<referência>>[^<<ID da referencia>>] ... [^<<ID da referencia>>]: <<descrição>>
exemplo:
![](PointofView.png)[^2]
...
[^2]: **Koblin, Jonas**, "Cipolla’s 5 Laws of Human Stupidity", [Sprouts Schools](https://sproutsschools.com), 25/10/2024, [https://sproutsschools.com/cipollas-5-laws-of-human-stupidity/](https://sproutsschools.com/cipollas-5-laws-of-human-stupidity/).
Link de retono é efetuado pela seguinte sintaxe:
[↩︎](#_tocnnn)
exemplo:
[↩︎](#_toc001)
Uma citação de referência é efetuado pela seguinte sintaxe:
>Texto >[^<<ID da referencia>>] ... [^<<ID da referencia>>]: <<descrição>>
exemplo:
>"Só sei que nada sei"
>[^1]
Citação de nota:
> [!NOTE] > Highlights information that users should take into account, even when skimming.
exemplo:
[!NOTE]
Highlights information that users should take into account, even when skimming.
Citação de dica:
> [!TIP] > Optional information to help a user be more successful.
exemplo:
[!TIP]
Optional information to help a user be more successful.
Citação importante:
> [!IMPORTANT] > Crucial information necessary for users to succeed.
exemplo:
[!IMPORTANT]
Crucial information necessary for users to succeed.
Citação de atenção:
> [!WARNING] > Critical content demanding immediate user attention due to potential risks.
exemplo:
[!WARNING]
Critical content demanding immediate user attention due to potential risks.
Citação de cuidado:
> [!CAUTION] > Negative potential consequences of an action.
exemplo:
[!CAUTION]
Negative potential consequences of an action.
--- title: "Guia Completo de Markdown" description: "Aprenda tudo sobre Markdown com este guia completo e detalhado." keywords: ["Markdown", "Guia", "Tutoriais"] author: "Seu Nome" layout: post categories: [programação, tutoriais] tags: [Markdown, GitHub, Documentação] date: 2024-11-13 published: true permalink: /guia-completo-markdown/ excerpt: "Este guia cobre todos os aspectos do Markdown, desde o básico até tópicos avançados." last_modified_at: 2024-11-13 ---
exemplo:
title: "Guia Completo de Markdown"
description: "Aprenda tudo sobre Markdown com este guia completo e detalhado."
keywords: ["Markdown", "Guia", "Tutoriais"]
author: "Seu Nome"
layout: post
categories: [programação, tutoriais]
tags: [Markdown, GitHub, Documentação]
date: 2024-11-13
published: true
permalink: /guia-completo-markdown/
excerpt: "Este guia cobre todos os aspectos do Markdown, desde o básico até tópicos avançados."
last_modified_at: 2024-11-13
Podemos inserir uma renderização PlantUML dentro do markdown.
Sintaxe:
```plantuml @startuml skinparam handwritten true note as N1 #white **Tag:** <<//ID tag//>> **Prioridade:** <<//grau//>> **Descrição:** <<//user story//>> **Prazo:** <<//DD/MM/YYYY//>> **Responsável:** <<persona>> end note @enduml
exemplo:
Podemos inserir uma renderização LaTEX dentro do markdown.
Sintaxe:
$$\large \boxed{\text{Flow Efficiency \%} = \frac{\text{Tempo de Trabalho Real}}{\text{Tempo Total de Processamento}}* 100}$$
exemplo:
As referências bibliográficas é efetuada pela seguinte sintaxe:
**Autor**, "Título do Artigo", Nome da Revista, Volume, Número, Ano, Páginas.
**Autor(es)**, "Título do Artigo", em *Nome da Conferência*, Local, Ano, Páginas.
**Autor**, "Título do Post", Nome do Blog, Data, [URL](URL).
**Autor do Capítulo**, "Título do Capítulo", em *Título do Livro*, editado por Editor(es), Editora, Ano, Páginas.
**Diretor**, *Título do Documentário*, Produtora, Ano.
**Nome do Entrevistado**, entrevistado por **Nome do Entrevistador**, "Título da Entrevista", Nome da Publicação, Data, Páginas.
**Autor**, *Título do Livro*, Edição, Editora, Ano.
"Título da Página", Nome do Site, Data de Acesso, [URL](URL).
**Nome do Host**, "Título do Episódio", Nome do Podcast, Data, [URL](URL).
**Autor(es)**, *Título do Relatório*, Número do Relatório, Nome da Instituição, Ano.
**Autor**, "Título do Artigo", Nome do Site, Data de Acesso, [URL](URL).
**Autor**, *Título da Tese/Dissertação*, Grau Acadêmico, Nome da Instituição, Ano.
**Autor**, "Título do Vídeo", Nome do Canal, Data de Publicação, [URL](URL), minuto:segundo.
**Autor**, "Título do Vídeo", Nome do Canal, Data de Publicação, [URL](URL).
"Markdown", Wikipedia, 30/10/2024, https://en.wikipedia.org/wiki/Markdown. ↩︎ ↩︎ ↩︎
"PlantUML at a Glance", PlantUML, 30/10/2024, https://plantuml.com/. ↩︎
"The LaTEX Project", LaTEX, 30/10/2024, https://www.latex-project.org/. ↩︎
"Graphviz", Graphviz, 30/10/2024, https://graphviz.org/. ↩︎