Como converter o Markdown em HTML

Markdown é a linguagem de marcação. Podemos escrever mais rápido e com mais eficiência usando o Markdown. Isso simplifica criar um conteúdo da Internet. No Markdown, podemos digitar facilmente o texto, os parágrafos e outros elementos. Markdown também nos permite formatar o texto adicionando alguns símbolos. Além disso, oferece a opção de incluir links, fotos, listas, etc. no marenado. É menos complicado que HTML. Como html, não requer muitas tags.

No HTML, temos que adicionar muitas tags e estilo também é adicionado no HTML para formatação. Podemos realizar as mesmas tarefas em HTML que também podemos fazer usando o Markdown. Podemos converter o arquivo de marcação no arquivo html facilmente usando alguns comandos. Explicaremos como converter o Markdown para HTML aqui. Também converteremos o Markdown em HTML e forneceremos uma descrição detalhada desse conceito neste guia. Agora, convertemos o arquivo de marcação no arquivo html. Além disso, mostraremos e explicaremos cada etapa que precisamos seguir para converter o arquivo de marcação no arquivo HTML no código do Visual Studio.

Exemplo 1:

Usamos o código do Visual Studio aqui. Mostramos como convertemos o arquivo de marcação no arquivo HTML no código do Visual Studio. Para isso, devemos ter o arquivo de marcação criado neste código do Visual Studio. O arquivo que criamos aqui é chamado “MyABCFile.md ”. Neste arquivo, adicionamos o cabeçalho usando a tag "#". Em seguida, adicionamos um texto abaixo deste título, que é um texto ou parágrafo simples. Agora, também inserimos outra linha que é ousada porque inserimos dois asteriscos no início e dois asteriscos no final desta linha. Então, essa linha parece ousada aqui. Depois disso, criamos a palavra "lista" em itálico. Fazemos essa palavra em itálico usando dois sublinhados. Um sublinhado é adicionado no início e um sublinhado é adicionado no final da palavra. Na ilustração a seguir, geramos a lista ordenada colocando o número e colocando o ponto após o número. Agora, salvamos este arquivo. Também mostraremos como esse arquivo aparece na janela de visualização.

Acabamos de mostrar a saída do código de marcação na janela de visualização. Agora, convertemos essa remarca para html. Avance e veja na ilustração a seguir sobre como converter este arquivo de marcação em um arquivo HTML:

Abra o terminal clicando no terminal na barra de tarefas que está presente na parte superior deste código do Visual Studio. Quando este terminal for aberto, digite o “Código -Install -Extension Yzhang.comando markdown-totalmente em um ”, que também é mostrado no seguinte. Depois de digitar este comando no terminal do código do Visual Studio, pressionamos a tecla "Enter". Depois de compilar com sucesso este comando, avançamos. Este comando ajuda a instalar esta extensão mencionada aqui.

Quando a extensão anterior é instalada com sucesso, abrimos a "paleta de comando" neste código do Visual Studio. Esta paleta de comando é aberta simplesmente atingindo as teclas “Ctrl+Shift+P”. Depois disso, o menu suspenso é aberto no topo deste aplicativo de código do Visual Studio. Aqui, apenas digitamos “Markdown” e muitos comandos aparecem lá. Selecionamos o “Markdown tudo em um: imprima documento atual para html” aqui, como mostrado na imagem a seguir. Aqui, selecionamos este comando depois de pressionar o “Ctrl+Shift+P”. Agora, este arquivo de marcação é convertido no arquivo html com a ajuda deste comando que selecionamos aqui.

Ambos os arquivos são mostrados aqui. Nós convertemos este “myABCFile.md "no" myabcfile.arquivo html ”. O marcador e o arquivo HTML são mostrados na imagem a seguir. Este arquivo HTML contém todos os dados que adicionamos no arquivo de marcação. Mas a única diferença é que o arquivo HTML contém as diferentes tags e modelos, mas o arquivo de marcação não contém muitas tags.

O arquivo html também é mostrado na imagem a seguir. Você pode observar o “,,, e muitas tags neste arquivo”. Então, esta é a maneira mais simples de converter o Markdown para HTML.

Exemplo 2:

Neste arquivo de marcação, adicionamos a lista não ordenada, lista ordenada, texto e texto formatado. Nós inserimos o cabeçalho aqui. Em seguida, também escrevemos algum texto e adicionamos a lista não ordenada. Depois disso, adicionamos outra linha na qual também inserimos algumas palavras em que aplicamos os estilos ousados ​​e itálicos. Em seguida, colocamos a lista ordenada e a nova linha após esta lista ordenada. Agora, salvamos este arquivo e o nome deste arquivo de Markdown é “ABCFILE.md ”. Agora, convertemos este “abcfile.md ”no arquivo html.

Novamente abrimos o terminal da mesma maneira que discutimos anteriormente e escrevemos o comando fornecido no terminal do código do Visual Studio. Depois de executar o comando fornecido, fechamos este terminal.

Em seguida, pressionamos o "Ctrl+Shift+P" e abrimos o comando da paleta. Aqui, selecionamos o comando exibido na imagem no topo. Isso converte o arquivo de código de marcação anterior no arquivo html.

Ambos os arquivos são exibidos aqui. Este “abcfile.O arquivo md "é convertido em um" abcfile.arquivo html ”. A imagem a seguir exibe os arquivos Markdown e HTML. A única diferença entre este arquivo HTML e o arquivo de marcação é que o arquivo HTML usa tags e modelos diferentes, enquanto o arquivo de marcação usa menos símbolos. Este arquivo HTML contém todas as informações que foram contribuídas para o arquivo de marcação.

Quando abrimos esse arquivo HTML, vemos muitas tags lá que não adicionamos no markdown porque o idioma de marcação não precisa de muitas tags. Markdown é uma linguagem muito simples e fácil. Como mostrado nesta imagem, adiciona o “

”Tag para a criação de“ BlockQuote ”. Mas no arquivo de marcação, simplesmente adicionamos o símbolo maior que “>” para gerar este blockquote.

Para uma lista não ordenada, o arquivo html contém o “

”Abrindo e fechando tags, bem como o“
• ”Tag para adicionar o item da lista. Mas no arquivo de marcação anterior, simplesmente adicionamos o símbolo "-" para criar a lista não ordenada. Além disso, a tag "OL" está presente aqui, que é usada para adicionar a lista ordenada. No Markdown, geramos esta lista ordenada inserindo o número e um ponto para esta lista ordenada. Convertemos facilmente o arquivo de marcação anterior no arquivo html aqui.

  Conclusão

  Fornecemos uma descrição detalhada sobre como converter o Markdown em HTML neste guia. Explicamos como fazemos isso no código do Visual Studio e convertemos dois arquivos de marcação nos arquivos HTML neste guia. Explicamos que precisamos instalar uma extensão depois de criar o arquivo de marcação e, em seguida, temos que abrir a paleta de comando para selecionar o comando, o que ajuda a converter o arquivo de marcação no arquivo html. Também mostramos o arquivo Markdown e HTML neste guia, para que você possa verificar facilmente os dados dos dois arquivos. A conversão de Markdown em HTML é explicada aqui em profundidade.