Configurando os pré-requisitos:
Para ver como funciona o aninhamento da lista, precisamos de uma ferramenta ou software onde possamos implementar o script de remarcação. Encontramos o Visual Studio Code como o melhor montador para os scripts de remarcação. Para implementar a linguagem markdown, temos que fazer algumas alterações de acordo com nossos requisitos de tarefa. Lançamos o VS Code e criamos um novo arquivo de projeto. Por padrão, ele abre um arquivo de texto simples, mas precisamos trabalhar no markdown para alterar o tipo de arquivo. A opção 'Texto Simples' pode ser encontrada no canto direito da barra de status e é usada para alterar o tipo de arquivo. Quando você coloca o cursor sobre ele, ele pede para selecionar o modo de idioma.
Quando você pressioná-lo, um menu aparecerá. Você só precisa escrever “Markdown” para selecionar o idioma de markdown.
Isso mudará nosso tipo de arquivo de “Texto Simples” para “Markdown”.
Você pode ver no instantâneo anterior que o tipo de arquivo agora é “Markdown”.
Depois disso, temos que adicionar uma extensão para que os scripts de markdown sejam visualizados e funcionem corretamente. Para adicionar esta extensão da barra de ferramentas esquerda, a opção de configurações fornecerá uma caixa de seleção onde selecionamos a opção “Extensão”.
Isso abrirá uma janela. Temos que escrever o nome da extensão como “Markdown All in One” e instalá-lo.
Agora, a extensão markdown foi adicionada com sucesso ao nosso arquivo.
A última coisa que precisamos fazer é abrir uma janela de visualização para ver a saída de nossos scripts gerados. A janela de visualização pode ser iniciada clicando nas teclas “Ctrl+Shift+V” ou você pode clicar no ícone com uma tecla presente no canto superior direito da ferramenta.
Clicar nele dividirá a janela em duas telas. O primeiro será usado para inserir os scripts enquanto a saída do script será exibida na janela “Preview”.
Agora podemos usar essa ferramenta para começar a trabalhar nos scripts de remarcação. Vamos explorar os scripts agora.
Escapando backticks no Markdown:
No Markdown, backticks são usados para criar blocos de código. Quando inserimos um backtick, ele se refere a iniciar um trecho de código no Markdown. Um único acento grave é adicionado no início e no final de cada linha de código para criar blocos de código embutidos em documentos. Devido a esses acentos graves, torna-se difícil mostrar os acentos graves como texto em um documento sem habilitar a geração de blocos de código. Neste tutorial, vamos trabalhar em como podemos escapar de um backtick para que possamos incluí-lo como um texto em vez de tratá-lo como o início da sintaxe do código.
A maneira mais simples de pular um acento grave é adicionar uma barra invertida (\) antes de inserir o acento grave. Se você não adicionar uma barra invertida, o backtick que você adicionaria como texto e o próximo backtick no código serão inseridos. Qualquer texto que você tenha adicionado entre eles será considerado como um bloco de código, portanto, para evitar isso, insira uma barra invertida. Primeiro adicionaremos os acentos graves para gerar um bloco de código e, em seguida, aprenderemos a escapar dos acentos graves na remarcação nesta demonstração.
Primeiro criamos um cabeçalho para o nosso documento. Para gerar o cabeçalho de primeiro nível, precisamos inserir um único símbolo de hash (#), adicionar um espaço e mencionar o texto do cabeçalho. Fornecemos o texto como “Markdown Backtick”. Agora, para criar um bloco de código, primeiro adicionamos um backtick (`) e damos um espaço depois dele. Em seguida, escrevemos o texto como “Texto de Amostra”, seguido de um espaço onde é aplicado o acento grave de fechamento. Agora, esses dois acentos graves considerarão o texto entre eles como um trecho de código e, portanto, o renderizarão como um bloco de código.
Isso nos dá um cabeçalho “Markdown Backtick” e o texto que mencionamos acima no formato de bloco de código. Você pode ver o resultado esperado no instantâneo da janela de visualização que fornecemos abaixo:
Agora, para escapar desse acento grave e renderizar o texto como texto normal e não um bloco de código, temos que usar a barra invertida (\) antes do acento grave inicial e também antes do acento grave de fechamento. Então, faríamos esse truque no bloco de código acima para renderizá-lo como um texto normal adicionando barras invertidas.
Criamos um cabeçalho com o texto “Markdown Escaping a Backtick”. Depois de pular uma linha, adicionamos uma barra invertida seguida de um acento grave. Espaço é dado e então o Texto é especificado como “Texto de Amostra”. Antes de adicionar o backtick de fechamento, inserimos outra barra invertida.
A janela de visualização mostra o resultado antecipado em que a sequência de texto é exibida como um texto regular com acentos graves. Portanto, adicionamos o backtick sem acionar sua funcionalidade para transformar o texto no bloco de código.
No exemplo acima, o texto é dividido entre dois acentos graves. Se quisermos adicionar um único backtick no bloco de código sem considerá-lo como a sintaxe para gerar o bloco de código. Para isso adicionamos dois acentos graves, um espaço e depois o texto como “Estamos adicionando um acento grave: ` ”. Você pode ver que aqui queremos exibir o backtick sem usá-lo como parte da sintaxe. Então, demos espaço e adicionamos dois backticks de fechamento.
A saída esperada é exibida. Isso tem um bloco de código que tem um backtick como parte dele.
Agora, vamos criar outro exemplo para entender o conceito. Aqui, vamos criar uma expressão matemática e escrevê-la como um bloco de código em markdown de acordo com o texto normal. Nós o escrevemos como “Se `y = 9`, significa que `y -3 = 6`”. Aqui usamos backticks em “y = 9” e depois em “y-3 = 6” para torná-los ambos blocos de código.
Então, ele nos rendeu a saída antecipada que pode ser vista na imagem abaixo:
Agora, para escapar desses acentos graves e renderizar os acentos graves como parte do texto normal, temos que inserir as barras invertidas antes de ambos os pares de acentos graves.
A expressão matemática que adicionamos é mostrada com acentos graves como texto normal e como um bloco de código em markdown.
Conclusão
Os backticks são adicionados no markdown para fazer um texto ou script específico exibido no bloco de código. Neste guia, discutimos a necessidade de escapar do backtick quando queremos adicionar conteúdo como um texto normal com backticks sem acionar sua funcionalidade. Discutimos como os backticks são aplicados para fazer os blocos de código e, em seguida, fornecemos uma solução que é adicionar uma barra invertida (\) antes do backtick para que ele seja exibido como um texto normal e não habilite o bloco de código criação.