Tocando arquivos de áudio em qualquer tema do Hugo

Como eu já venho dizendo a algum tempo postar aqui no blog está se tornando algo muito complicado. Toma tempo e nem sempre eu estou tendo o tempo para editar como eu deveria.

E olha que eu estou optando pelo Hugo que me permite edição em qualquer lugar, já que uso texto puro. Mas, eu fico meio preso a escrever e tudo.

Pensando nisto eu venho querendo adicionar aqui alguns conteúdos que eu pretendo no futuro soltar em outro espaço ou usar um espaço que eu já tenho.

Mas como tenho alguns posts aqui que estão a um bom tempo aguardando publicação, pensei em gravá-los em áudio para ver como ficariam. E servirá de piloto para um projeto maior que eu devo fazer em breve.

E como não pretendo abandonar o Hugo e nem este tema aqui ( pelo menos no momento ), procurei uma solução para inserir áudios com possibilidade de tocá-los no HTML gerado pelo Hugo. E achei a solução aqui .

O processo é bem simples :

  • Criar um novo arquivo chamado audio.html dentro do diretório layouts/shortcodes
  • Adicionar as linhas baixo no seu arquivo

layouts/shortcodes/audio.html

Com o conteúdo :

  • Salvar o arquivo
  • E quando criar um novo post, devemos o usar o seguinte shortcode ( lembrando que não vamos usar o espaço entre as chaves ) .

{ {< audio src="/media/audio/your-audio-file.mp3" caption="your caption" >} }

E o shortcode também suporta o uso de urls ( caso você hospede o arquivo em algum host de podcasts, por exemplo ).

Inclusive foi este o modo que eu usei aqui no shortcode abaixo. Isto vai ser legal porque muitas vezes eu vou pegar um post, transformar em um áudio e postar lá no spreaker ( terá um espaço lá só para estes audios que eu não pretendo transformar em nada ). E alguns posts que eu achar que são legais vou simplesmente postar no meu espaço de podcast ( que eu ainda não resolvi qual será o nome - tenho dois domínios já registardos para este fim e vou resolver ainda qual será o escolhido ).

Teste de mp3

Ah, e caso você tenha algum problema é bom lembrar que o autor do post deu uma dica. Algumas versões novas do Hugo não permitem inserção de html por padrão. É uma decisão ótima de projeto mas … pode quebrar algumas coisas como este esquema de publicar mp3.

Então, para resolver é só mandar bala nisto aqui e postar no seu config.toml .

Ah, e em breve, novo sistema de comentários também baseado em Git. Fugir destas empresas que ficam usando os dados dos usuários como moeda.

comments powered by Disqus