{"id":8332,"date":"2024-06-15T00:00:00","date_gmt":"2024-06-15T04:00:00","guid":{"rendered":"https:\/\/old.fredlopes.com.br\/tipografia\/asciidoc\/"},"modified":"2024-06-15T00:00:00","modified_gmt":"2024-06-15T04:00:00","slug":"asciidoc","status":"publish","type":"page","link":"https:\/\/backup.fredlopes.com.br\/index.php\/tipografia\/asciidoc\/","title":{"rendered":"Asciidoc"},"content":{"rendered":"\n<p class=\"has-drop-cap wp-block-paragraph\">A <a href=\"https:\/\/asciidoc.org\/\">Asciidoc<\/a> \u00e9 uma <em>linguagem de marca\u00e7\u00e3o<\/em> de texto criada para produzir documenta\u00e7\u00e3o t\u00e9cnica. Em palavras leigas, \u00e9 uma linguagem de programa\u00e7\u00e3o muito simples que adicionamos a textos puros para gerarmos <em>um outro texto<\/em> formatado em outra linguagem mais complexa, como a HTML ou a DocBook.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Um exemplo<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Como \u00e9 melhor um exemplo do que uma montanha de explica\u00e7\u00f5es t\u00e9cnicas, considere o texto a seguir, no formato <strong>txt<\/strong>, com muito pouca formata\u00e7\u00e3o:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">Meu primeiro texto em Asciidoc<br>Fred Lopes &lt;contato@fredlopes.com.br&gt;<br><br>Este \u00e9 um texto de exemplo sobre a AsciiDoc.<br><br>Se\u00e7\u00e3o 1<br><br>Primeira se\u00e7\u00e3o apenas com um par\u00e1grafo.<br><br>Se\u00e7\u00e3o 2<br><br>Segunda se\u00e7\u00e3o, com uma lista<br><br>item 1<br>item 2<br><br>e duas subse\u00e7\u00f5es.<br><br>Subse\u00e7\u00e3o 1<br><br>Um pouco de linguagem de programa\u00e7\u00e3o Ruby:<br><br>puts \"Ol\u00e1, mundo!\"<br><br>Subse\u00e7\u00e3o 2<br><br>Um pouco de texto em it\u00e1lico, negrito e monoespa\u00e7ado.<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Agora acrescente a ele alguns s\u00edmbolos, \u00e0s vezes sutis, como mostramos a seguir em <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">vermelho<\/mark><\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">=<\/mark><\/strong> Meu primeiro texto em Asciidoc<br>Fred Lopes &lt;contato@fredlopes.com.br&gt;<br><br>Este \u00e9 um texto de exemplo sobre a <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">https:\/\/asciidoc.org\/[<\/mark><\/strong>AsciiDoc<strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">]<\/mark><\/strong>.<br><br><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">==<\/mark><\/strong> Se\u00e7\u00e3o 1<br><br>Primeira se\u00e7\u00e3o apenas com um par\u00e1grafo.<br><br><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\"><strong>==<\/strong> <\/mark>Se\u00e7\u00e3o 2<br><br>Segunda se\u00e7\u00e3o, com uma lista<br><br><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">*<\/mark><\/strong> item 1<br><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">*<\/mark><\/strong> item 2<br><br>e duas subse\u00e7\u00f5es.<br><br><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">===<\/mark><\/strong> Subse\u00e7\u00e3o 1<br><br>Um pouco de linguagem de programa\u00e7\u00e3o Ruby:<br><br><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">[source,ruby]<\/mark><\/strong><br>puts \"Ol\u00e1, mundo!\"<br><br><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\"><strong>===<\/strong> <\/mark>Subse\u00e7\u00e3o 2<br><br>Um pouco de texto em <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">_<\/mark><\/strong>it\u00e1lico<strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">_<\/mark><\/strong>, <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">*<\/mark><\/strong>negrito<strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">*<\/mark><\/strong> e <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">`<\/mark><\/strong>monoespa\u00e7ado<strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">`<\/mark><\/strong>.<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">O texto se tornou ligeiramente mais leg\u00edvel, mais estruturado. Mas esse \u00e9 s\u00f3 o passo intermedi\u00e1rio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Agora \u00e9 que a m\u00e1gica ocorre. Use um outro programa &#8211; em nosso caso, o <a href=\"https:\/\/asciidoctor.org\/\">AsciiDoctor<\/a> &#8211;  sobre esse segundo texto. Teremos a gera\u00e7\u00e3o de uma p\u00e1gina inteira da web, da qual fizemos s seguinte captura de tela:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"699\" height=\"788\" src=\"https:\/\/fredlopes.com.br\/wp-content\/uploads\/2024\/06\/exemploasciidoc-1.png\" alt=\"\" class=\"wp-image-6723\" srcset=\"https:\/\/backup.fredlopes.com.br\/wp-content\/uploads\/2024\/06\/exemploasciidoc-1.png 699w, https:\/\/backup.fredlopes.com.br\/wp-content\/uploads\/2024\/06\/exemploasciidoc-1-266x300.png 266w\" sizes=\"auto, (max-width: 699px) 100vw, 699px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Outro exemplo<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Outro exemplo concreto \u00e9 meu <a href=\"http:\/\/fredlopes.com.br\/dev\/tikz\">livro sobre a TikZ<\/a>, em andamento.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Como aprender?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">O link a seguir \u00e9 fundamental:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"http:\/\/asciidoctor.org\">asciidoctor.org<\/a> &#8211; Site oficial<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Em verdade, o site oficial tem informa\u00e7\u00f5es tanto sobre o <em>compilador<\/em>, chamado de AsciiDoctor, quanto a <em>linguagem<\/em>, esta chamada propriamente de AsciiDoc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Al\u00e9m disso, voc\u00ea vai precisar instalar a <a href=\"https:\/\/www.ruby-lang.org\/pt\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ruby<\/a> e saber um pouco como operar com o <a href=\"https:\/\/dtnetwork.com.br\/comandos-basicos-do-cmd\/\" data-type=\"page\" data-id=\"6520\" target=\"_blank\" rel=\"noreferrer noopener\">Prompt de comando<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A Asciidoc \u00e9 uma linguagem de marca\u00e7\u00e3o de texto criada para produzir documenta\u00e7\u00e3o t\u00e9cnica. Em palavras leigas, \u00e9 uma linguagem de programa\u00e7\u00e3o muito simples que adicionamos a textos puros para gerarmos um outro texto formatado em outra linguagem mais complexa, como a HTML ou a DocBook. Um exemplo Como \u00e9 melhor um exemplo do que [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":8309,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-8332","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/backup.fredlopes.com.br\/index.php\/wp-json\/wp\/v2\/pages\/8332","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/backup.fredlopes.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/backup.fredlopes.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/backup.fredlopes.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/backup.fredlopes.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=8332"}],"version-history":[{"count":0,"href":"https:\/\/backup.fredlopes.com.br\/index.php\/wp-json\/wp\/v2\/pages\/8332\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/backup.fredlopes.com.br\/index.php\/wp-json\/wp\/v2\/pages\/8309"}],"wp:attachment":[{"href":"https:\/\/backup.fredlopes.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=8332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}