Criando um blog com o Github e Jekyll - Parte 3 - Adicionando comentários ao Post

on github, blog, jekyll, and disqus

Bem vindos a terceira lição de uma série sobre como criar um blog usando o github. O github tem uma ótima opção grátis para hospedar um blog e o melhor é que pode fazer isso em poucos minutos. Essa série vai cobrir tudo que precisa saber para hospedar, gerenciar e customizar o seu blog no Github. Nesse post você irá aprender a adicionar no seu blog a possibilidade de usuários comentarem.

1. Visão Geral

Você talvez ache que comentários não são muito importantes mas pode ter certeza que são a chave para que você tenha a capacidade de interagir com seus leitores. Usuários querem ter conversas com você sobre aquilo que escreveu. Vai ser bom para você também para que possa aprender com eles também.

Infelizmente o Jekyll por si só não fornece essa funcionalidade. Porém, é relativamente fácil adicionar essa habilidade, graças a uma ferramente chamada Disqus.

Nós iremos passar pelo processo de criar uma conta Disqus, configurar a conta, configurar seu blog e testar tudo.

2. Configurando Disqus

  1. Abra o browser e navegue para https://disqus.com/admin/signup/?utm_source=New-Site
  2. Crie sua conta.
  1. Preencha as informações conforme mostra na imagem abaixo e clique em finalizar. Obs: Você não conseguirá mudar a disqus url. Esse valor será único para todos os seus sites. Você pode ter multiplos sites usando uma mesma conta.

  1. Você irá se deparar com a tela “Escolha sua plataforma”. Não se preocupe com nenhuma dessas opções porque não iremos usá-las.

  2. Clique na aba “General” no lado esquedo do título “Escolha sua plataforma”.

  3. Dê um scroll no site até achar a seção “Site Identity” e preencha os dados corretamente. O nome do site será o nome que aparecerá no seu blog quando os comentários aparecerem. Preste atenção ao seu “shortname” porque ele será usado mais adiante quando formos configurar o blog para mostrar os comentários.

  4. Dê um scroll novamente no site até achar a seção “Community Rules”e marque o seguinte:

    • pre-moderation: all
    • Links in comments: yes
    • guest commenting: false

Para evitar comentários com spams é melhor ter de aprovar os comentários antes de mostrar no blog.

  1. Dê um scroll novamente no site até achar a seção “Social Platform Intergration” e adicione sua conta do twitter se você tiver uma.

  2. Clique no botão de salvar.

3. Configurando seu blog

  1. Abra o browser e navegue para seu repositorio [username].github.io.
  2. Clique no arquivo _config.yml para abri-lo
  3. Clique no botão de edição
  4. Procure pela palavra disqus. Depois coloque nesse parametro o seu disqus shortname. Por exemplo:
disqus: jvcjunior
  1. Clique no botão de commit. Coloque um comentário para você saber o que mudou no arquivo.

4. Testando

Abra o browser e navegue para o seu blog e clique no post que foi publicado no nosso post anterior. Vá até o fim do post e você verá um local para inserir comentários.

5. Conclusão

Ter comentários é essencial para qualquer blog para que você possa se comunicar com seus leitores. Como pode ver o Disqus é bem fácil de usar para adicionar comentários no seu blog.

No próximo post você vai aprender a criar páginas adicionas que não sejam um post tais como uma página de portfólio ou sobre. Até lá.