Como criar um Blogdown

  • AH Uyekita
  • Wednesday, Mar 20, 2019
  • Estimated reading time: 5 min

blog-image

Esse é o primeiro post deste Blogdown e se destinará basicamente a documentar como ele foi criado. Note que o Blogdown (documentação no CRAN) também é o nome do package para R desenvolvido por Yihui Xie, Amber Thomas e Alison Presmanes Hill.



1. Preparação do RStudio

Deve-se instalar o package do Blogdown no R.


Instalação do Blogdown.

Não há muito segredo, somente digitando a linha de comando abaixo no console.

# Instalando o package blogdown no R.
install.packages("blogdown")


O que é um Blogdown?

É um blog e a única coisa que difere dos demais é que foi feito usando um ambiente R. Isso pode ser bem interessante caso você tenha interesse em mesclar chunks de código com texto. Além disso, ele facilita a reprodutibilidade do que foi exposto no blog

Há toda uma facilidade em usar o Blogdown, pois ele faz a gestão de muita coisa, sendo assim, focamos a nossa atenção no que se refere ao conteúdo e deixando de lado a parte de programação. Um exemplo disso é o uso do Markdown ou RMarkdown como “linguagem” primária de criação de conteúdo, é muito fácil de usá-lo e uma garantia de que o seu documento sempre terá o mesmo formato.

No entanto, caso você veja alguma necessidade de aprimoramento no visual ou no funcionamento do Blog, você poderá incorporar elementos de html e até mesmo usar o Bootstrap.



2. Escolhendo um modelo

A primeira coisa feita foi escolher um template, a lista de modelo é longa e pode ser acessada pelo link:

https://themes.gohugo.io

Figura 1 - Screenshot dos temas disponíveis.

Escolhi o meghna, pois faz parte de uma nova geração de blogs disponíveis no Hugo. A instalação está descrita no link do tema.

Figura 2 - Modelo Escolhido.

https://themes.gohugo.io/meghna-hugo/



3. Criação do Blogdown

O excerto abaixo foi retirado do repositório do tema, note que não vou usar esses comandos, pois usarei o RStudio que simplificará toda essa parte de usar o git.

$ mkdir themes
$ cd themes
$ git clone git@github.com:themefisher/meghna-hugo.git

O que eu quero é apenas essa parte: themefisher/meghna porque precisarei inserir essa informação na hora de criar o projeto no RStudio.



4. RStudio

Usar o RStudio facilita bastante o gerenciamento do blog. Deste modo, usei essa IDE para criar o Blogdown e para isso tive que criar um novo projeto, conforme ilustrado na sequencia de Figuras 3, 4, 5 e 6.

Passo 1

Criação de um novo projeto: File > New Project…

Figura 3 - Criando Projeto para o Blogdown no RStudio

Passo 2

Eu criei como sendo um novo diretório para não misturar com nenhuma outra coisa. Minha escolha: New Dicrectory.

Figura 4 - Criando Projeto para o Blogdown no RStudio

Passo 3

O RStudio já possui uma série de templates que facilitam a criação de quase tudo relacionado a linguagem R. Deste modo, selecione Website using blogdown.

Figura 5 - Criando Projeto para o Blogdown no RStudio

Passo 4

Por fim, dá-se um nome ao diretório que armazenará todos os documentos do blog e em qual pasta ela estará aninhada. Lembre-se do nome do repositório (themefisher/meghna) e insíra-o em Hugo theme.

Figura 6 - Criando Projeto para o Blogdown no RStudio

O RStudio fará o download dos arquivos necessários para rodar o website e deixará pronto para a criação de conteúdo.



5. Serve Site

A maneira mais fácil de visualizar se o site funciona é simular que ele fique online. Isso pode ser feito indo em Addins > Serve Site, a Figura 7 mostra onde ele fica.

Figura 6 - Criando Projeto para o Blogdown no RStudio



6. Primeiro Post

A criação de post é bem fácil, basta ir em Addins > New Post, conforme ilustrado na Figura 8.

Figura 8 - Criando Meu Primeiro Post

Após clicar em New Post, abrirá uma página para inserir os metadados.

Figura 9 - Metadados

Atenção ao valor default de Subdirectory, pois isso indicará a pasta onde será armazenado o seu post. Isso é para ter uma maior organização, sendo assim, é possível a criação de novas subpastas. Defina o Subdirectory como blog, pois dessa maneira todas as postagem serão devidamente classificadas e não serão misturadas com post ordinários.



7. Criando um Github Pages

A maneira mais fácil de subir um blogdown é hospedando ele como um Github Pages.

Passo 1

Você deve criar um repository para hospedar o blog. Crie sem README.md e sem o .gitignore para não ter que fazer um git pull.

Figura 9 - Metadados

Passo 2

Inicialize o git somente da pasta public.

# Estrutura das pastas do Blogdown.

pasta_pai
|
+- meu_blog
       |
       +- Public

Passo 3

Antes de subir as páginas para o Github Pages, deve-se configurar o config.toml para que ele consiga exibir a página. Abra-o e já na primeira linha edite o baseURL com o nome do respositório que você criou no Github.

# Insira o seu nome e substitua com o nome do seu blog.
baseURL = "https://seu_nome_aqui.github.io/meu_blog/"

Passo 4

Caso você tenha criado o repositório sem o README, basta fazer um git push.

# Para inicializar o repositório.
git init

Agora para pôr os arquivos no stage e depois fazer o commit.

# Adicionar todos os arquivos no stage.
git add -A

# Fazer o commit e colocar o comentário.
git commit -m "Meu primeiro blog :🚀:"

Por fim, já é possível fazer o push.

# Subir arquivos para o repositório no Github.
git push https://github.com/seu_nome_aqui/meu_blog master

Confira se os arquivos foram transferidos para o seu repositório.

Passo 5

A configuração para criar um Github Pages é bem simples. Vá em Settings..

Figura 11 - Metadados

Após isso, busque por Github Pages e vá em Source e selecione master branch.

Figura 12 - Metadados



8. Testando

O Github Pages pode demorar alguns minutos até reconhecer as mudanças no seu site/blog, logo não espere que seja imediato todas as alterações que você faça.