<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Arquivos MkDocs - Remontti</title>
	<atom:link href="https://blog.remontti.com.br/tag/mkdocs/feed" rel="self" type="application/rss+xml" />
	<link>https://blog.remontti.com.br/tag/mkdocs</link>
	<description>rudimar@remontti</description>
	<lastBuildDate>Sat, 20 Nov 2021 17:31:17 +0000</lastBuildDate>
	<language>pt-BR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://blog.remontti.com.br/wp-content/uploads/2024/09/icone-rr-80x80.png</url>
	<title>Arquivos MkDocs - Remontti</title>
	<link>https://blog.remontti.com.br/tag/mkdocs</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Como Instalar MkDocs No Debian 11</title>
		<link>https://blog.remontti.com.br/6110</link>
					<comments>https://blog.remontti.com.br/6110#respond</comments>
		
		<dc:creator><![CDATA[Rudimar Remontti]]></dc:creator>
		<pubDate>Sat, 20 Nov 2021 17:31:17 +0000</pubDate>
				<category><![CDATA[Linux]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[MkDocs]]></category>
		<guid isPermaLink="false">https://blog.remontti.com.br/?p=6110</guid>

					<description><![CDATA[<p>MkDocs é um gerador de site estático rápido, simples e absolutamente lindo que é voltado para a documentação do projeto de construção. Os arquivos de origem da documentação são gravados em Markdown e configurados&#46;&#46;&#46;</p>
<p>O post <a href="https://blog.remontti.com.br/6110">Como Instalar MkDocs No Debian 11</a> apareceu primeiro em <a href="https://blog.remontti.com.br">Remontti</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><a href="https://www.mkdocs.org/" rel="noopener" target="_blank">MkDocs</a> é um gerador de site estático rápido, simples e absolutamente lindo que é voltado para a <strong>documentação do projeto </strong>de construção. Os arquivos de origem da documentação são gravados em <strong>Markdown</strong> e configurados com um único arquivo de configuração YAML.</p>
<p>Distribuição utilizada: <a href="https://blog.remontti.com.br/5792" rel="noopener" target="_blank">Debian 11</a></p>
<p>Pacotes utilizados no tutorial</p>
<pre class="remontti-code"># apt install wget net-tools tree python3-pip vim</pre>
<h4>Instalação MkDocs</h4>
<pre class="remontti-code"># apt install mkdocs
# pip3 install mkdocs-material mkdocs[i18n]</pre>
<p>Verificando a versão instalada</p>
<pre class="remontti-code"># mkdocs --version</pre>
<pre class="remontti-code-plain">mkdocs, version 1.1.2 from /usr/lib/python3/dist-packages/mkdocs (Python 3.9)</pre>
<p>Crie um novo projeto chamado mkdocs e construa um novo site</p>
<pre class="remontti-code"># cd /opt/
# mkdocs new mkdocs
# cd /opt/mkdocs
# mkdocs build</pre>
<p>Verifique se os seguintes arquivos foram criados com sucesso</p>
<pre class="remontti-code"># tree</pre>
<pre class="remontti-code-plain">
├── docs
│   └── index.md
├── mkdocs.yml
└── site
    ├── 404.html
    ├── css
    │   ├── base.css
    │   ├── bootstrap.min.css
    │   └── font-awesome.min.css
    ├── fonts
    │   ├── FontAwesome.otf
    │   ├── fontawesome-webfont.eot
    │   ├── fontawesome-webfont.svg
    │   ├── fontawesome-webfont.ttf
    │   ├── fontawesome-webfont.woff
    │   └── fontawesome-webfont.woff2
    ├── img
    │   ├── favicon.ico
    │   └── grid.png
    ├── index.html
    ├── js
    │   ├── base.js
    │   ├── bootstrap.min.js
    │   └── jquery-1.10.2.min.js
    ├── search
    │   ├── lunr.js
    │   ├── main.js
    │   ├── search_index.json
    │   └── worker.js
    ├── sitemap.xml
    └── sitemap.xml.gz</pre>
<p>Como estou rotando em um VM de lab vou verificar qual o IP recebi por DHCP na interface e iniciar o serviço.</p>
<pre class="remontti-code"># ip -c addr</pre>
<pre class="remontti-code-plain">2: enp0s3: &lt;BROADCAST,MULTICAST,UP,LOWER_UP&gt; mtu 1500 qdisc pfifo_fast state UP group default qlen 1000
    link/ether 08:00:27:90:63:d9 brd ff:ff:ff:ff:ff:ff
    inet 192.168.87.41/24 brd 192.168.87.255 scope global dynamic enp0s3
       valid_lft 86031sec preferred_lft 86031sec</pre>
<p>Vamos iniciar o serviço de forma manual apenas para realizar um teste.</p>
<pre class="remontti-code"># mkdocs serve -a 192.168.87.41:8000</pre>
<pre class="remontti-code-plain">INFO     -  Building documentation...
INFO     -  Cleaning site directory
INFO     -  Documentation built in 0.05 seconds
INFO     -  [10:41:22] Serving on http://192.168.87.41:8000/</pre>
<p>Agora  abra no seu navegador http://IP:8000<br />
<img fetchpriority="high" decoding="async" src="https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_server.png" alt="" width="1215" height="579" class="alignnone size-full wp-image-6112" srcset="https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_server.png 1215w, https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_server-300x143.png 300w, https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_server-1024x488.png 1024w, https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_server-768x366.png 768w" sizes="(max-width: 1215px) 100vw, 1215px" /></p>
<p>No terminal para finalizar o mkdocs precione <strong>CRTL+C</strong><br />
Particular mente eu não gosto do tema padrão (mkdocs) então você pode optar em alterar editando /mkdocs/mkdocs.yml</p>
<p>Gosto dos temas: </p>
<h4>material</h4>
<p><img decoding="async" src="https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_material.png" alt="" width="1242" height="696" class="alignnone size-full wp-image-6113" srcset="https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_material.png 1242w, https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_material-300x168.png 300w, https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_material-1024x574.png 1024w, https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_material-768x430.png 768w" sizes="(max-width: 1242px) 100vw, 1242px" /></p>
<h4>readthedocs</h4>
<p><img decoding="async" src="https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_readthedocs.png" alt="" width="1242" height="696" class="alignnone size-full wp-image-6114" srcset="https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_readthedocs.png 1242w, https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_readthedocs-300x168.png 300w, https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_readthedocs-1024x574.png 1024w, https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_readthedocs-768x430.png 768w" sizes="(max-width: 1242px) 100vw, 1242px" /></p>
<p>Edite e escolha o seu favorito (existe outros temas) também usarei o idioma português.</p>
<pre class="remontti-code"># vim /opt/mkdocs/mkdocs.yml</pre>
<pre class="remontti-code-plain">site_name: My Docs
theme:
  name: readthedocs
  locale: pt_BR</pre>
<p>Inicie mkdocs com systemd<br />
Por padrão se você iniciar o <strong>mkdocs serve</strong> será iniciar em seu ip de loopbak localhost, a ideia aqui vai ser iniciar o mesmo como o systemd e em seguida fazer um proxy com nginx.</p>
<p>Para executar MKDocs como um serviço, crie um arquivo de serviço no systemd</p>
<pre class="remontti-code"># vim /etc/systemd/system/mkdocs.service</pre>
<p>Adicione:</p>
<pre class="remontti-code-plain">[Unit]
Description=MKDocs
After=network.target

[Service]
Type=simple
User=root
Group=root
TimeoutStartSec=60
Restart=on-failure
RestartSec=10
RemainAfterExit=yes
WorkingDirectory=/opt/mkdocs
ExecStart=/bin/mkdocs serve
ExecReload=/bin/pkill mkdocs; /bin/mkdocs serve
ExecStop=/bin/pkill mkdocs

[Install]
WantedBy=multi-user.target</pre>
<p>Recarregue daemon, em seguiga habilitamos nosso novo serviço mkdocs para inicia com o boot do sistema, e inicializamos o mesmo.</p>
<pre class="remontti-code"># systemctl daemon-reload
# systemctl enable mkdocs
# systemctl start mkdocs</pre>
<p>Verifique se o mesmo incializou</p>
<pre class="remontti-code"># systemctl status mkdocs</pre>
<pre class="remontti-code-plain">● mkdocs.service - MKDocs
     Loaded: loaded (/etc/systemd/system/mkdocs.service; enabled; vendor preset: enabled)
     Active: active (running) since Fri 2021-11-19 13:32:12 -03; 3s ago
   Main PID: 7160 (mkdocs)
      Tasks: 6 (limit: 2341)
     Memory: 29.8M
        CPU: 261ms
     CGroup: /system.slice/mkdocs.service
             └─7160 /usr/bin/python3 /bin/mkdocs serve

nov 19 13:32:12 debian11 systemd[1]: Started MKDocs.
nov 19 13:32:12 debian11 mkdocs[7160]: INFO     -  Building documentation...
nov 19 13:32:12 debian11 mkdocs[7160]: INFO     -  Cleaning site directory
nov 19 13:32:12 debian11 mkdocs[7160]: INFO     -  Documentation built in 0.07 seconds
nov 19 13:32:12 debian11 mkdocs[7160]: INFO     -  [13:32:12] Serving on http://127.0.0.1:8000/</pre>
<h4>NGIX PROXY</h4>
<p>Se você esta pensando para que diabos instalar um serviço web se poderia rodar o mkdocs na porta 80 e iniciar-lo diretamenta para o IP da interface em vez de inicia-lo para apenas o ip de localhost (127.0.0.1), a resposta é: Acredito que você não terá um servido so para isso, logo a idiea do nginx é tornar a aplicação acessivel via domínio por exemplo, ou não confilhar com ninguém, então cada caso é um caso. Aqui é apenas uma ideia!</p>
<pre class="remontti-code"># apt install nginx
# sed -i &#039;s/# server_tokens/server_tokens/&#039; /etc/nginx/nginx.conf
# mv /etc/nginx/sites-available/default /etc/nginx/sites-available/default.original</pre>
<p>Vou utilizar da conf default</p>
<pre class="remontti-code"># vim /etc/nginx/sites-available/default</pre>
<p>Adicione e altere para suas necessidades </p>
<pre class="remontti-code-plain">
 server {
    listen 80;
    listen [::]:80;

    # Subdominios especifico
    #server_name mkdocs.remontti.com.br;
    # Todos o endereços
    server_name     _;
  
    location / {
        proxy_pass http://localhost:8000;
        proxy_set_header   Host $host;
    }
}</pre>
<pre class="remontti-code"># systemctl restart nginx</pre>
<p>Agora basta acessar ex. `http://mkdocs.remontti.com.br`</p>
<p>Para criação de documentos recomendo você ler como funciona <strong><a href="https://pt.wikipedia.org/wiki/Markdown" rel="noopener" target="_blank">Markdown</a></strong>, e veja o <a href="https://www.mkdocs.org/user-guide/" rel="noopener" target="_blank"><strong>guia do mkdocs</strong></a>. Leia também <a href="https://daringfireball.net/projects/markdown/syntax" rel="noopener" target="_blank">https://daringfireball.net/projects/markdown/syntax</a> e <a href="https://www.markdownguide.org" rel="noopener" target="_blank">https://www.markdownguide.org</a></p>
<p>Um ótimo editor Markdown online é o <strong><a href="https://stackedit.io/app#" rel="noopener" target="_blank">Stackedit</a></strong> que pode auxilhar na contrução dos seus arquivos. </p>
<p>Vou fazer algobem simples de exemplo:</p>
<pre class="remontti-code"># vim /opt/mkdocs/mkdocs.yml</pre>
<p>Vou cirar o menu de navegação e apontar para cada arquivo correspondente que ficam no diretório /opt/mkdocs/docs. Sempre que alterar as configurações do mkdocs.ym será necessário reiniciar o serviço.</p>
<pre class="remontti-code-plain">site_name: Markdown Tutorial
theme:
  name: readthedocs
  locale: pt_BR
nav:
    - Home: index.md
    - Exemplos: exemplos.md
</pre>
<p>Reinicie o mkdocs</p>
<pre class="remontti-code"># systemctl restart mkdocs</pre>
<p>Agora vamos editar/criar nossos arquivos.</p>
<p># vim /opt/mkdocs/docs/index.md</p>
<pre class="remontti-code-plain">
# Markdown

## O que é Markdown ?

Markdown é uma linguagem de marcação leve com sintaxe de formatação de texto simples projetada para que ela possa ser convertida em HTML e muitos outros formatos usando uma ferramenta com o mesmo nome. Markdown é usado frequentemente para formatar arquivos readme, para escrever mensagens em fóruns de discussão on-line e para criar texto rico usando um editor de texto simples.

## Porque usar Markdown?

* **FÁCIL** : A sintaxe é tão fácil que você pode aprender em um minuto ou dois, em seguida, escreva sem perceber nada estranho ou nerd.

* **RÁPIDO** : Ele economiza tempo em comparação com outros tipos de arquivos / formatos de texto. Isso ajuda a aumentar a produtividade e os fluxos de trabalho do escritor.

* **LIMPO** : Tanto a sintaxe como a saída são limpas, sem confusão com nossos olhos e simples de gerenciar.

* **FLEXÍVEL** : Com apenas algumas configurações, o seu texto será traduzido atravessando qualquer plataforma lá fora, editável em qualquer software de edição de texto e conversível para uma ampla variedade de formatos.


**Em resumo**, os usuários comuns acharão útil em todos os casos, especialmente quando você precisar de algo melhor que o texto simples, mas menos funcional do que o Microsoft Word.

**Para desenvolvedores**, Se você é preguiçoso para escrever código HTML, você vai adorar o markdown. **Além disso**, **Github** e muitos sites favorecem o markdown para o arquivo readme de projetos. Isso significa que você vai encontrar o markdown em sua vida de uma forma ou de outra.
</pre>
<pre class="remontti-code"># vim /opt/mkdocs/docs/exemplos.md</pre>
<pre class="remontti-code-plain"># Instalação MkDocs
```
# apt install mkdocs
# pip3 install mkdocs-material mkdocs[i18n]
```
Crie um novo projeto chamado mkdocs e construa um novo site
```
# cd /opt/
# mkdocs new mkdocs
# cd /opt/mkdocs
# mkdocs build
```
Inicie o serviço
```
# mkdocs serve -a 192.168.87.41:8000
```
[![Doação](https://blog.remontti.com.br/wp-content/uploads/2019/07/quero-doar-remontti.png)](https://blog.remontti.com.br/doar)</pre>
<p><img loading="lazy" decoding="async" src="https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_modelo1.png" alt="" width="1195" height="949" class="alignnone size-full wp-image-6122" srcset="https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_modelo1.png 1195w, https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_modelo1-300x238.png 300w, https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_modelo1-1024x813.png 1024w, https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_modelo1-768x610.png 768w" sizes="auto, (max-width: 1195px) 100vw, 1195px" /><br />
<img loading="lazy" decoding="async" src="https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_modelo3.png" alt="" width="1242" height="931" class="alignnone size-full wp-image-6125" srcset="https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_modelo3.png 1242w, https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_modelo3-300x225.png 300w, https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_modelo3-1024x768.png 1024w, https://blog.remontti.com.br/wp-content/uploads/2021/11/mkdocs_modelo3-768x576.png 768w" sizes="auto, (max-width: 1242px) 100vw, 1242px" /></p>
<p><strong>Se quiser fazer uma doação para o café ficarei muito feliz pelo seu reconhecimento!</strong><br />
<a href="https://blog.remontti.com.br/doar"><img decoding="async" src="https://blog.remontti.com.br/wp-content/uploads/2019/07/quero-doar-remontti.png" /></a><br />
Se não puder doar pode deixar seu agradecimento nos comentário também ficarei feliz em saber que ajudei. Se tiver qualquer pergunta deixe-a também. Se preferir entrar em Contato <a href="https://blog.remontti.com.br/meucontato" rel="noopener noreferrer" target="_blank">clique aqui.</a></p>
<p><strong>Fontes:</strong><br />
<a href="https://www.mkdocs.org/" rel="noopener" target="_blank">https://www.mkdocs.org/</a><br />
<a href="https://github.com/mkdocs/mkdocs/" rel="noopener" target="_blank">https://github.com/mkdocs/mkdocs/</a></p>
<p>O post <a href="https://blog.remontti.com.br/6110">Como Instalar MkDocs No Debian 11</a> apareceu primeiro em <a href="https://blog.remontti.com.br">Remontti</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.remontti.com.br/6110/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
