Como tomar notas ou capturar conteúdo da internet

Contexto
Os melhores métodos que eu utilizo para captura de notas no Obsidian através de plugins, serviços de terceiros e extensões de navegadores.

Photo by Jan Kahánek on Unsplash

Introdução

No dia 10 de julho de 2022, o amigo “Batman” 🦇 fez esta solicitação:

E eu enviei rapidamente três sugestões (como pode ser visto aí abaixo), ficando de lhe enviar mais detalhes quando voltasse pra casa.

Cheguei em casa ~~há alguns minutos~~ e cá estou eu redigindo a resposta mais bem detalhada que fiquei de enviar.

1. ReadItLater

A descrição do #ReadItLater é curta e objetiva:

Este é o link para o plugin ReadItLater. Com ele, você pode gerar um novo texto numa pasta predefinida para um link presente na área de transferência.

Aqui tem o template que eu utilizo no meu cofre:

---
title:    "%articleTitle%"  
author:   "%authorName%"  
date:     "Month DD, 2022"  
update:   "Month DD, 2022"  
tags:     [" ReadItLater tag2 tag3 "]  
aliases:  ["%authorName%", "",]  
abstract: "DESCRIÇÃO AQUI."  
link:
    - %articleURL%
    - https://gist.github.com/SamejSpenser/XXXXXXXXXXXXXXXX  
    - https://gist.io/@SamejSpenser/XXXXXXXXXXXXXXXX  
    - https://hackmd.io/@SamejSpenser/XXXXXXXXXXXXXXXX  
    - https://samej.com.br/XXXXXXXXXXXXXXXX  
breaks:   false  
GA:       "UA-21920826-1"  
lang:     "pt_BR"  
---

<!-- LINK EXTERNO PARA O CSS -->

<link rel="stylesheet" type="text/css" href="~/Dropbox/Gists-Privadas/CSS-geral/stylesheet-geral.css" />

<link rel="stylesheet" type="text/css" href="/home/samej/Dropbox/Gists-Privadas/CSS-geral/stylesheet-geral.css" />

<link rel="stylesheet" type="text/css" href="https://github.com/SamejSpenser/HPnews/blob/master/stylesheet-geral.css" />

<link rel="stylesheet" type="text/css" href="https://www.dropbox.com/s/7acsnogog4njf2o/stylesheet-geral.css" />

<link rel="stylesheet" type="text/css" href="../media/stylesheet-geral.css" />

<!-- LINK DO CSS NA PASTA DO EPSILON NO SMARTPHONE -->

<link rel="stylesheet" type="text/css" href="file:///storage/emulated/0/Epsilon/media/stylesheet-geral.css" />

<!-- %articleTitle% ~ CRIADO EM 2022/MM/DD ~ ATUALIZADO EM 2022/MM/DD -->

<center><span class="text-center meio" align="center">

## %articleTitle%

</span></center>

<p>&nbsp;</p>

%articleContent%

<!-- SEPARADOR -->

<p>&nbsp;</p>

<hr style="text-align: center; margin: auto;" width="30%" />

<p>&nbsp;</p>

- **Fonte:** _“[%articleTitle%](%articleURL%)”_ | ORIGEM  
- Month DD, 2022

<p>&nbsp;</p>

<!-- ###### tags: `ReadItLater`, `#`, `#`, -->

###### tags:

#ReadItLater, #, #, 

<p>&nbsp;</p>

Uma inconveniência (por assim dizer) é que não encontrei um meio viável de inserir a data de criação/update e as tags correspondentes já na captura, tendo que inseri-las manualmente após a captura.

2. Conversor automático de HTML

Nas configurações do Obsidian, na aba “Editor”, lá embaixo, há uma opção que permite converter em Markdown o conteúdo previamente copiado para a área de transferência.

Printscreen das configurações do Obsidian

Para utilizá-lo é bem simples: copie um trecho de um site (ou todo o conteúdo exibido num determinado link), crie um novo arquivo no Obsidian ou posicione o cursor no local adequado no arquivo já aberto e cole. É simples assim: “Ctrl + C” e “Ctrl + V”. Impossível ser mais fácil que isso! 😄

A inconveniência deste método é que não dá para colar utilizando um modelo/template pré-estabelecido, com metadados, datas, aliases, etc. Mas se o objetivo for apenas copiar um pequeno trecho para inserir num determinado arquivo, é simples e efetivo. 😉

3. MarkDownload

Dos três métodos aqui apresentados, o que eu mais faço uso no dia a dia é este, o “MarkDownload — Markdown Web Clipper”.

O MarkDownload é uma extensão para os principais navegadores onde você pode definir em suas configurações diversos fatores para que se alinhem com a sua configuração preferida. Aqui no meu computador eu criei uma pasta específica dentro da pasta Downloads só para salvar os textos que eu quero capturar (você pode criar esta pasta dentro do seu cofre do Obsidian).

Aqui tem meus modelos de front-matter e back-matter (respectivamente):

Front-matter

---
title:    "{title} | {pageTitle}"  
author:   "{byline}"  
date:     "{date:LL}"  
update:   "{date:LL}"  
tags:     [" ReadItLater {keywords: #} "]  
aliases:  ["{byline}", "{keywords}",]  
abstract: "{excerpt}"  
links:
    - {baseURI}  
    - https://gist.github.com/SamejSpenser/XXXXXXXXXXXXXXXX  
    - https://gist.io/@SamejSpenser/XXXXXXXXXXXXXXXX  
    - https://hackmd.io/@SamejSpenser/XXXXXXXXXXXXXXXX  
    - https://samej.com.br/XXXXXXXXXXXXXXXX  
breaks:   false  
GA:       "UA-21920826-1"  
lang:     "pt_BR"  
---

<!-- LINK EXTERNO PARA O CSS -->

<link rel="stylesheet" type="text/css" href="~/Dropbox/Gists-Privadas/CSS-geral/stylesheet-geral.css" />

<link rel="stylesheet" type="text/css" href="/home/samej/Dropbox/Gists-Privadas/CSS-geral/stylesheet-geral.css" />

<link rel="stylesheet" type="text/css" href="https://github.com/SamejSpenser/HPnews/blob/master/stylesheet-geral.css" />

<link rel="stylesheet" type="text/css" href="https://www.dropbox.com/s/7acsnogog4njf2o/stylesheet-geral.css" />

<link rel="stylesheet" type="text/css" href="../media/stylesheet-geral.css" />

<!-- LINK DO CSS NA PASTA DO EPSILON NO SMARTPHONE -->

<link rel="stylesheet" type="text/css" href="file:///storage/emulated/0/Epsilon/media/stylesheet-geral.css" />

<!-- {title} ~ CRIADO EM {date:YYYY/MM/DD} ~ ATUALIZADO EM {date:YYYY/MM/DD} -->

## {title}

<p>&nbsp;</p>

> [!info]+ Contexto
> {excerpt}

<p>&nbsp;</p>

Back-matter

<!-- SEPARADOR -->

<p>&nbsp;</p>

<hr style="text-align: center; margin: auto;" width="30%" />

<p>&nbsp;</p>

- **Fonte:** _“[{title}]({baseURI})”_ | {pageTitle}  
- {date:LL}

<p>&nbsp;</p>

###### tags:

#{keywords:#}, #{keywords}, #{keywords}, 

<p>&nbsp;</p>

Tendo definido o front e back-matter, basta selecionar um trecho de um texto na internet ou clicar no ícone da extensão para que todo o texto seja copiado. Um pop-up será aberto para você conferir e, se desejar, fazer alguma alteração manual antes de salvar/fazer download do arquivo em formato .md.

O front-matter será adicionado antes do conteúdo do texto e o back-matter será adicionado após o conteúdo do texto, gerando assim uma nota com metadados em YAML no início, o conteúdo desejado no meio e a citação da fonte no final do texto, para manter assim a referência correta de onde o conteúdo foi extraído.

É claro que é desejável que cada um de vocês adapte o front/back-matter para o seu padrão habitual de forma que as notas capturadas tenham sempre o mesmo “esqueleto”.

Nota
Uma nota digna de ser mencionada é que se o site estiver mal configurado, se os metadados do site/texto estiverem ausentes ou mal formatados, a extensão pode deixar de reconhecer alguns dos parâmetros pré-configurados, como nome do autor, tags, data, etc. Daí a importância de revisar o pop-up antes de copiar/salvar.

As configurações são simples de serem definidas e você ainda pode salvar um backup (offline) das suas configurações em formato .json, de modo que após uma formatação ou instalação de um novo navegador basta importar esse backup para garantir que todas as suas configurações sejam utilizadas.

Caso você tenha habilitado algum sistema de sincronização no seu navegador (como o Sync no Firefox ou sua conta do Google no Chrome), é bem possível que suas configurações sejam mantidas. Por via das dúvidas, eu faço meu backup em formato .json no Dropbox e pCloud, pois, em matéria de backups, redundâncias nunca são demais! 😜

Conclusão

E você, quais outros meios ou métodos utiliza? Comente comigo aqui embaixo no campo de comentários e/ou lá no grupo @ObsidianBR!

Decodifique o QR-Code para ser direcionado(a) ao grupo no Telegram ou clique/toque aqui.

Samej Spenser é Hipnoterapeuta há mais de dez anos, atendendo com Hipnose Clínica Online desde 2018.

Curioso e entusiasta da tecnologia, e aficcionado pelo Telegram e Obsidian. Saiba mais sobre mim aqui neste link ou me adicione nas redes sociais.