Apresentação

Na seção anterior aprendemos a montar um documento em R markdown. Mais importante, aprendemos a utilizar o R markdown para escrever em linguagens que não dominamos bem, por exemplo, html! Porém, um documento html por si só não é de muita utilidade. Abra um documento em html num editor de texto e veja como ele se parece.

Para dar sentido ao nosso html precisamos gerar um site, ou incluir ele em um site já existente. Aprenderemos a fazer isso nas próximas seções

Deploy - um lugar para o seu html

Existem diferentes formas de fazer um deploy no seu documento, ou documentos, em html. Aqui vamos aprender a mais simples de todas. Se quiser mergulhar mais fundo nesse tema recomendo olhar alguns sites e materiais que ensinam como elaborar sites mais “rebuscados”.

Produzindo um site

A forma mais simples de todas para elaboração de um site é a partir de um fork de algum repositório no GitHub que hospede um site que te agrade. Por exemplo, digamos que você gostou deste humilde site que hospeda o material desse curso. Para fazer um site seu você pode:

1 - Vá até o repositório deste site no GitHub

2 - Forke esse site para ele aparecer no seu GitHub

3 - Substitua os documentos do site original com o conteúdo que deseja hospedar em seu site

Você pode fazer isso com qualquer site, basta saber quais documentos deve substituir pelos seus. Basicamente, no formato deste site, você deve apenas substituir os arquivos .Rmd por arquivos que você gerou. Além disso você precisa editar o arquivo _site.yml, que informa o layout do site.

Github pages

A forma mais fácil de hospedar seu site é utilizando o github pages. Uma ferramenta do próprio GitHub usada para gerar o site que tem seu código fonte hospedado em um repositório do GitHub. Para tanto, basta ativar o GitHub pages no repositório que você deseja que seja seu site

1 - Ativando o github pages

Em Settings no repositório que deseja construir um site, irá achar a aba Pages, como demostrado na figura acima.

2 - Em seguida clique na aba pages e ative um repositório para indicar ao github pages aonde ele deve buscar os arquivos para construir o site. Como mostrado na figura abaixo, neste exemplo usaremos o branch master (talvez ele seja main no seu GitHub)

3 - Após selecionar o branch clique em Save e espere um pouco. Logo o GitHub vai aparecer uma mensagem dizendo o domínio do seu site, como mostrado abaixo

Seu site agora tem um domínio. Mas ainda é necessário alguns detalhes para que ele seja funcional. Se você usou a estratégia de forkar o repositório, como mostrado na seção acima, tudo que precisa fazer é ativar o github pages no repositório forkado. Caso começou um repositório do zero, e está adicionando documentos a ele, você precisará

4 - Adicionar um arquivo chamado index.Rmd que será a sua página inicial

5 - Adicionar um arquivo chamado _site.yml que indicará como o seu site será construído (Dê uma olhada no yml deste repositório para ter uma ideia de como estruturar o site)

6 - Adicionar os documentos .Rmd na raiz do seu diretório, sendo que todos devem ter o output no formato html_document. Se os documentos estiverem em outra subpasta o site não vai funcionar

7 - Penúltimo passo é renderizar os documentos no repositório utilizando a função do pacote {rmarkdown} chamada render_site da seguinte maneira:

rmarkdown::render_site()

8 - Último passo é dar um commit e um push. Graças a um sistema chamado Continuous Integration do GitHub Actions, o site será montado assim que o GitHub identificar um novo push!

Pronto, agora você tem um site funcional

LS0tCnRpdGxlOiAiUiBtYXJrZG93biIKYXV0aG9yOiAiR2FicmllbCBOYWthbXVyYSIKZGF0ZTogImByIFN5cy5EYXRlKClgIgpvdXRwdXQ6IGh0bWxfZG9jdW1lbnQKLS0tCgpgYGB7ciBzZXR1cCwgaW5jbHVkZT1GQUxTRX0Ka25pdHI6Om9wdHNfY2h1bmskc2V0KGVjaG8gPSBUUlVFKQpgYGAKCiMgQXByZXNlbnRhw6fDo28KCk5hIHNlw6fDo28gYW50ZXJpb3IgYXByZW5kZW1vcyBhIG1vbnRhciB1bSBkb2N1bWVudG8gZW0gUiBtYXJrZG93bi4gTWFpcyBpbXBvcnRhbnRlLCBhcHJlbmRlbW9zIGEgdXRpbGl6YXIgbyBSIG1hcmtkb3duIHBhcmEgZXNjcmV2ZXIgZW0gbGluZ3VhZ2VucyBxdWUgbsOjbyBkb21pbmFtb3MgYmVtLCBwb3IgZXhlbXBsbywgaHRtbCEgUG9yw6ltLCB1bSBkb2N1bWVudG8gaHRtbCBwb3Igc2kgc8OzIG7Do28gw6kgZGUgbXVpdGEgdXRpbGlkYWRlLiBBYnJhIHVtIGRvY3VtZW50byBlbSBodG1sIG51bSBlZGl0b3IgZGUgdGV4dG8gZSB2ZWphIGNvbW8gZWxlIHNlIHBhcmVjZS4KCmBgYHtyIGVjaG89RkFMU0UsZXZhbD1UUlVFfQprbml0cjo6aW5jbHVkZV9ncmFwaGljcygiZmlncy9odG1sLWRvYy5wbmciKQpgYGAKClBhcmEgZGFyIHNlbnRpZG8gYW8gbm9zc28gaHRtbCBwcmVjaXNhbW9zIGdlcmFyIHVtIHNpdGUsIG91IGluY2x1aXIgZWxlIGVtIHVtIHNpdGUgasOhIGV4aXN0ZW50ZS4gQXByZW5kZXJlbW9zIGEgZmF6ZXIgaXNzbyBuYXMgcHLDs3hpbWFzIHNlw6fDtWVzCgojIyBEZXBsb3kgLSB1bSBsdWdhciBwYXJhIG8gc2V1IGh0bWwKCkV4aXN0ZW0gZGlmZXJlbnRlcyBmb3JtYXMgZGUgZmF6ZXIgdW0gZGVwbG95IG5vIHNldSBkb2N1bWVudG8sIG91IGRvY3VtZW50b3MsIGVtIGh0bWwuIEFxdWkgdmFtb3MgYXByZW5kZXIgYSBtYWlzIHNpbXBsZXMgZGUgdG9kYXMuIFNlIHF1aXNlciBtZXJndWxoYXIgbWFpcyBmdW5kbyBuZXNzZSB0ZW1hIHJlY29tZW5kbyBvbGhhciBhbGd1bnMgc2l0ZXMgZSBtYXRlcmlhaXMgcXVlIGVuc2luYW0gY29tbyBlbGFib3JhciBzaXRlcyBtYWlzICJyZWJ1c2NhZG9zIi4gCgotIFBhcmEgcGFjb3RlcyBlc3RhdMOtc3RpY29zIGV1IHJlY29tZW5kbyBvIHBhY290ZSBbYHtwa2dkb3dufWAgZG8gSGFkbGV5IFdpY2toYW1dKGh0dHBzOi8vcGtnZG93bi5yLWxpYi5vcmcvKQoKLSBQYXJhIHNpdGVzIGVtIGZvcm1hdG8gYmxvZyBldSByZWNvbWVudG8gbyB0ZW1hIFtgSHVnby1BcMOpcm9gXShodHRwczovL2h1Z28tYXBlcm8tZG9jcy5uZXRsaWZ5LmFwcC8pCgotIFBhcmEgc2l0ZXMgYWNhZMOqbWljb3MgZXUgcmVjb21lbmRvIG8gdGVtYSBbSHVnby1hY2FkZW1pY10oaHR0cHM6Ly90aGVtZXMuZ29odWdvLmlvL3RoZW1lcy9zdGFydGVyLWh1Z28tYWNhZGVtaWMvKQoKIyMgUHJvZHV6aW5kbyB1bSBzaXRlCgpBIGZvcm1hIG1haXMgc2ltcGxlcyBkZSB0b2RhcyBwYXJhIGVsYWJvcmHDp8OjbyBkZSB1bSBzaXRlIMOpIGEgcGFydGlyIGRlIHVtIGZvcmsgZGUgYWxndW0gcmVwb3NpdMOzcmlvIG5vIEdpdEh1YiBxdWUgaG9zcGVkZSB1bSBzaXRlIHF1ZSB0ZSBhZ3JhZGUuIFBvciBleGVtcGxvLCBkaWdhbW9zIHF1ZSB2b2PDqiBnb3N0b3UgZGVzdGUgaHVtaWxkZSBzaXRlIHF1ZSBob3NwZWRhIG8gbWF0ZXJpYWwgZGVzc2UgY3Vyc28uIFBhcmEgZmF6ZXIgdW0gc2l0ZSBzZXUgdm9jw6ogcG9kZToKCjEgLSBWw6EgYXTDqSBvIHJlcG9zaXTDs3JpbyBkZXN0ZSBzaXRlIG5vIEdpdEh1YgoKMiAtIEZvcmtlIGVzc2Ugc2l0ZSBwYXJhIGVsZSBhcGFyZWNlciBubyBzZXUgR2l0SHViCgozIC0gU3Vic3RpdHVhIG9zIGRvY3VtZW50b3MgZG8gc2l0ZSBvcmlnaW5hbCBjb20gbyBjb250ZcO6ZG8gcXVlIGRlc2VqYSBob3NwZWRhciBlbSBzZXUgc2l0ZQoKVm9jw6ogcG9kZSBmYXplciBpc3NvIGNvbSBxdWFscXVlciBzaXRlLCBiYXN0YSBzYWJlciBxdWFpcyBkb2N1bWVudG9zIGRldmUgc3Vic3RpdHVpciBwZWxvcyBzZXVzLiBCYXNpY2FtZW50ZSwgbm8gZm9ybWF0byBkZXN0ZSBzaXRlLCB2b2PDqiBkZXZlIGFwZW5hcyBzdWJzdGl0dWlyIG9zIGFycXVpdm9zIC5SbWQgcG9yIGFycXVpdm9zIHF1ZSB2b2PDqiBnZXJvdS4gQWzDqW0gZGlzc28gdm9jw6ogcHJlY2lzYSBlZGl0YXIgbyBhcnF1aXZvIGBfc2l0ZS55bWxgLCBxdWUgaW5mb3JtYSBvIGxheW91dCBkbyBzaXRlLgoKIyMjIEdpdGh1YiBwYWdlcwoKQSBmb3JtYSBtYWlzIGbDoWNpbCBkZSBob3NwZWRhciBzZXUgc2l0ZSDDqSB1dGlsaXphbmRvIG8gZ2l0aHViIHBhZ2VzLiBVbWEgZmVycmFtZW50YSBkbyBwcsOzcHJpbyBHaXRIdWIgdXNhZGEgcGFyYSBnZXJhciBvIHNpdGUgcXVlIHRlbSBzZXUgY8OzZGlnbyBmb250ZSBob3NwZWRhZG8gZW0gdW0gcmVwb3NpdMOzcmlvIGRvIEdpdEh1Yi4gUGFyYSB0YW50bywgYmFzdGEgYXRpdmFyIG8gR2l0SHViIHBhZ2VzIG5vIHJlcG9zaXTDs3JpbyBxdWUgdm9jw6ogZGVzZWphIHF1ZSBzZWphIHNldSBzaXRlCgoxIC0gQXRpdmFuZG8gbyBnaXRodWIgcGFnZXMKCmBgYHtyIGVjaG89RkFMU0UsZXZhbD1UUlVFfQprbml0cjo6aW5jbHVkZV9ncmFwaGljcygiZmlncy9naXRodWItcGFnZXMxLnBuZyIpCmBgYAoKRW0gYFNldHRpbmdzYCBubyByZXBvc2l0w7NyaW8gcXVlIGRlc2VqYSBjb25zdHJ1aXIgdW0gc2l0ZSwgaXLDoSBhY2hhciBhIGFiYSBgUGFnZXNgLCBjb21vIGRlbW9zdHJhZG8gbmEgZmlndXJhIGFjaW1hLgoKMiAtIEVtIHNlZ3VpZGEgY2xpcXVlIG5hIGFiYSBwYWdlcyBlIGF0aXZlIHVtIHJlcG9zaXTDs3JpbyBwYXJhIGluZGljYXIgYW8gZ2l0aHViIHBhZ2VzIGFvbmRlIGVsZSBkZXZlIGJ1c2NhciBvcyBhcnF1aXZvcyBwYXJhIGNvbnN0cnVpciBvIHNpdGUuIENvbW8gbW9zdHJhZG8gbmEgZmlndXJhIGFiYWl4bywgbmVzdGUgZXhlbXBsbyB1c2FyZW1vcyBvIGJyYW5jaCBgbWFzdGVyYCAodGFsdmV6IGVsZSBzZWphIGBtYWluYCBubyBzZXUgR2l0SHViKQoKYGBge3IgZWNobz1GQUxTRSxldmFsPVRSVUV9CmtuaXRyOjppbmNsdWRlX2dyYXBoaWNzKCJmaWdzL2dpdGh1Yi1wYWdlczIucG5nIikKYGBgCgozIC0gQXDDs3Mgc2VsZWNpb25hciBvIGJyYW5jaCBjbGlxdWUgZW0gYFNhdmVgIGUgZXNwZXJlIHVtIHBvdWNvLiBMb2dvIG8gR2l0SHViIHZhaSBhcGFyZWNlciB1bWEgbWVuc2FnZW0gZGl6ZW5kbyBvIGRvbcOtbmlvIGRvIHNldSBzaXRlLCBjb21vIG1vc3RyYWRvIGFiYWl4bwoKYGBge3IgZWNobz1GQUxTRSxldmFsPVRSVUV9CmtuaXRyOjppbmNsdWRlX2dyYXBoaWNzKCJmaWdzL2dpdGh1Yi1wYWdlczMucG5nIikKYGBgCgpTZXUgc2l0ZSBhZ29yYSB0ZW0gdW0gZG9tw61uaW8uIE1hcyBhaW5kYSDDqSBuZWNlc3PDoXJpbyBhbGd1bnMgZGV0YWxoZXMgcGFyYSBxdWUgZWxlIHNlamEgZnVuY2lvbmFsLiBTZSB2b2PDqiB1c291IGEgZXN0cmF0w6lnaWEgZGUgZm9ya2FyIG8gcmVwb3NpdMOzcmlvLCBjb21vIG1vc3RyYWRvIG5hIHNlw6fDo28gYWNpbWEsIHR1ZG8gcXVlIHByZWNpc2EgZmF6ZXIgw6kgYXRpdmFyIG8gZ2l0aHViIHBhZ2VzIG5vIHJlcG9zaXTDs3JpbyBmb3JrYWRvLiBDYXNvIGNvbWXDp291IHVtIHJlcG9zaXTDs3JpbyBkbyB6ZXJvLCBlIGVzdMOhIGFkaWNpb25hbmRvIGRvY3VtZW50b3MgYSBlbGUsIHZvY8OqIHByZWNpc2Fyw6EKCjQgLSBBZGljaW9uYXIgdW0gYXJxdWl2byBjaGFtYWRvIGBpbmRleC5SbWRgIHF1ZSBzZXLDoSBhIHN1YSBww6FnaW5hIGluaWNpYWwKCjUgLSBBZGljaW9uYXIgdW0gYXJxdWl2byBjaGFtYWRvIGBfc2l0ZS55bWxgIHF1ZSBpbmRpY2Fyw6EgY29tbyBvIHNldSBzaXRlIHNlcsOhIGNvbnN0cnXDrWRvIChEw6ogdW1hIG9saGFkYSBubyB5bWwgZGVzdGUgcmVwb3NpdMOzcmlvIHBhcmEgdGVyIHVtYSBpZGVpYSBkZSBjb21vIGVzdHJ1dHVyYXIgbyBzaXRlKQoKNiAtIEFkaWNpb25hciBvcyBkb2N1bWVudG9zIGAuUm1kYCBuYSAqKnJhaXoqKiBkbyBzZXUgZGlyZXTDs3Jpbywgc2VuZG8gcXVlIHRvZG9zIGRldmVtIHRlciBvIGBvdXRwdXRgIG5vIGZvcm1hdG8gYGh0bWxfZG9jdW1lbnRgLiBTZSBvcyBkb2N1bWVudG9zIGVzdGl2ZXJlbSBlbSBvdXRyYSBzdWJwYXN0YSBvIHNpdGUgbsOjbyB2YWkgZnVuY2lvbmFyCgo3IC0gUGVuw7psdGltbyBwYXNzbyDDqSByZW5kZXJpemFyIG9zIGRvY3VtZW50b3Mgbm8gcmVwb3NpdMOzcmlvIHV0aWxpemFuZG8gYSBmdW7Dp8OjbyBkbyBwYWNvdGUgYHtybWFya2Rvd259YCBjaGFtYWRhIGByZW5kZXJfc2l0ZWAgZGEgc2VndWludGUgbWFuZWlyYToKCmBgYHtyIGVjaG89VFJVRSxldmFsPUZBTFNFfQpybWFya2Rvd246OnJlbmRlcl9zaXRlKCkKYGBgCgo4IC0gw5psdGltbyBwYXNzbyDDqSBkYXIgdW0gYGNvbW1pdGAgZSB1bSBgcHVzaGAuIEdyYcOnYXMgYSB1bSBzaXN0ZW1hIGNoYW1hZG8gKkNvbnRpbnVvdXMgSW50ZWdyYXRpb24qIGRvIEdpdEh1YiBBY3Rpb25zLCBvIHNpdGUgc2Vyw6EgbW9udGFkbyBhc3NpbSBxdWUgbyBHaXRIdWIgaWRlbnRpZmljYXIgdW0gbm92byBwdXNoIQoKUHJvbnRvLCBhZ29yYSB2b2PDqiB0ZW0gdW0gc2l0ZSBmdW5jaW9uYWw=