Bloco de código de marcação
Tipos de blocos de código
Temos dois tipos de blocos de código no Markdown, e estes são:
- Bloco de código recuado.
- Bloco de código cercado.
Blocos de código recuados
No bloco de código recuado, recuamos cada linha colocando quatro espaços antes do texto. Se adicionarmos qualquer linha em branco neste bloco de código recuado, essa linha também estará incluída no bloco de código recuado. Quando escrevemos uma nova linha ou parágrafo que não é recuado, o bloco de código recuado termina e inicia um novo parágrafo desta linha.
Blocos de código cercado
No bloco de código cercado, temos que colocar três backsticks (') no início e no final do bloco de código. Também podemos fazer isso colocando tildes (~~~) no lugar de backticks. Lembre -se de uma coisa; Você deve usar o mesmo símbolo no início e no final do bloco de código e também colocar o mesmo número de símbolos na partida e final do bloco de código.
Exemplo # 01: bloco de código recuado
O código do Visual Studio é utilizado neste guia para fazer os códigos de marcação. Temos que abrir o novo arquivo de texto no Código do Visual Studio e depois selecionar Markdown como o idioma. Quando selecionamos esse idioma, a extensão do arquivo, que é “.md ”, é adicionado automaticamente a este arquivo quando o salvarmos. Para fazer os códigos de marcação, primeiro instalamos a extensão deste markdown. Para isso, abrimos as extensões da configuração que está presente na parte inferior esquerda do Código do Visual Studio e depois instalamos o “Markdown tudo em um”. Agora, esta extensão está instalada.
Depois disso, para obter a saída, exigimos a janela de visualização. Podemos abrir facilmente a janela de visualização no canto superior direito do código do Visual Studio. Agora, tanto o editor de texto quanto a janela de visualização estão abertos à nossa frente. No editor de texto, estamos adicionando texto simples e também o bloco de código. Escrevemos um parágrafo aqui e não recuamos esse parágrafo. Como discutimos, para criar o bloco de código recuado no Markdown, temos que recuar o texto ou o parágrafo quatro espaços. Criamos quatro espaços e depois adicionamos o texto para que a segunda linha seja inserida como o bloco de código.
Depois disso, adicionamos outro parágrafo que não é recuado, por isso não está incluído no bloco de código acima. Abaixo disso, adicionamos novamente quatro espaços e depois adicionamos um novo parágrafo, por isso é também o bloco de código recuado. Em seguida, colocamos novamente um parágrafo simples sem recuar, então o bloco de código termina na linha acima.
Na janela de visualização, este resultado é renderizado. Aqui, as linhas recuadas são mostradas como um bloco de código. Geramos esses blocos de código adicionando quatro espaços antes do parágrafo. Estes são os blocos de código recuado.
Exemplo # 02: bloco de código cercado
Neste código, estamos fazendo blocos de código cercados colocando três backsticks (“') no ponto em que temos que criar o bloco de código. Neste bloco de código cercado, não precisamos recuar as linhas que queremos adicionar ao bloco de código. Depois de adicionar (“'), colocamos o texto e depois colocamos novamente (“') no final, onde queremos fechar este bloco de código cercado. Adicionamos algum texto e uma função neste bloco de código cercado.
Depois disso, adicionamos uma linha fora do bloco de código cercado e, em seguida, geramos novamente um novo bloco de código cercado, colocando (“'). Ele contém todos os dados que adicionarão a este bloco de código e fecharão o bloco de código cercado com a ajuda de (“'). Então, geramos dois blocos de código cercados diferentes aqui.
Aqui, ambos os blocos de código cercados são mostrados e todos os dados que adicionamos acima são mostrados na imagem. O texto que não foi adicionado entre esses símbolos (“') de backsticks não é mostrado dentro dos blocos de código cercado. Essas linhas são exibidas separadamente onde as adicionamos.
Exemplo # 03
Primeiro adicionamos um parágrafo aqui que não é recuado e, depois disso, colocamos uma nova linha que é recuada. Então, ele gera o bloco de código aqui. A linha ou parágrafo abaixo disso também é recuado, por isso também adicionará a este bloco de código. Agora, inserimos um espaço de linha e depois colocamos quatro espaços em linhas recuadas. Aqui, este espaço de linha não afeta o bloco de código. O bloco de código recuado termina apenas quando adicionamos um parágrafo que não é recuado. Abaixo, adicionamos espaços de duas linhas, e o bloco de código não terminará aqui. Adicionamos mais uma linha recuada após esses espaços de duas linhas. Agora, adicionamos um parágrafo que não é recuado aqui. Então, o bloco de código recuado termina aqui.
Aqui, você vê que os espaços de linha também são adicionados no bloco de código recuado, e este bloco de código recuado termina onde adicionamos o parágrafo sem recuar.
Exemplo # 04
Aqui, aplicamos alguma formatação ao parágrafo simples e também aos parágrafos que recuamos. Primeiro, adicionamos um parágrafo que não é recuado e colocamos dois asteriscos no início do parágrafo e dois asteriscos no final do parágrafo para tornar este parágrafo ousado. Depois disso, adicionamos o parágrafo recuado e também colocamos este parágrafo recuado dentro de quatro asteriscos, pois adicionamos o parágrafo acima.
Agora, terminamos este bloco de código recuado e escrevemos um parágrafo dentro de dois asteriscos para torná -lo itálico. Em seguida, recuamos um novo parágrafo abaixo disso dentro de dois asteriscos. Depois disso, inserimos um parágrafo que não é recuado; portanto, o bloco de código acima termina e o parágrafo simples agora é adicionado. Colocamos três asteriscos no início e três no final deste parágrafo, para que ele seja exibido em negrito e itálico. Também escrevemos o parágrafo recuado abaixo disso, da mesma maneira que o parágrafo acima dentro de seis asteriscos. Agora, verifique a saída abaixo.
Aqui, toda a formatação é aplicada aos parágrafos simples, mas os parágrafos adicionados no bloco de código recuado são exibidos sem aplicar qualquer formatação. Os parágrafos dentro dos blocos de código recuado não são exibidos em itálico ou não em negrito, mas são exibidos em um formato simples. E os parágrafos simples que não são recuados são formatados e são exibidos em formato ousado ou itálico, como adicionamos no código. Todos os asteriscos que adicionamos com os parágrafos de bloco de código recuado também são exibidos na saída.
Conclusão
Os blocos de código são discutidos neste guia. Explicamos dois blocos de código aqui, que são blocos de código cercados e blocos de código recuados. Também explicamos como gerar o "bloco de código recuado" no Markdown, bem como o "bloco de código cercado" no Markdown. Também criamos os dois blocos de código neste guia e mostramos aqui como fazer isso. Apresentamos as diretrizes adequadas aqui para criar os blocos de código no Markdown neste guia.