Сохранение статей в Obsidian из браузера

Желаемый функционал

Нажатием одной кнопки в браузере перенести контент страницы в специальную папку в Obsidian

Используемые дополнения

• [[Advanced URI]]
• [[ReadItLater]]
• [[Local Images Plus]]

Настройка

Настройка браузера

Необходимо установить дополнение [[Obsidian Web Clipper]] и указать в его настройках название хранилища Obsidian, например SecondBrain.

Настройка Obsidian

Настройка дополнения [[ReadItLater]]

• Необходимо указать папки для вложений и самих заметок в пунктах Assets dir и Inbox dir, например Файлы и Входящее
• Опции Download images и Download media attachments необходимо отключить так как дополнение [[Local Images Plus]] справится с этой задачей гораздо лучше
• Date format string in contents - DD.MM.YYYY
• Readable article node template:

---
Tags: [Статья, Скраппер]
Импорт: %date%
Источник: %articleURL%
Категория: 
---
%articleContent%

Использование

После установки дополнения [[Obsidian Web Clipper]] в адресной строке браузера появится значок планшета с галочкой, при нажатии на который произойдёт передача содержимого страницы в Obsidian.

Ограничения

1. Страницы с кодировкой отличной от UTF-8 захватываются некорректно. По этой проблеме создано Issue разработчику дополнения [[ReadItLater]]: github.com/DominikPieper/obsid… В качестве решения проблемы с кодировкой можно использовать альтернативный способ, описанный в следующем разделе
2. Некоторые скачанные изображения приходят с артефактами - например тяжёлые картинки с habr.com. В качестве решения этой проблемы также можно попробовать альтернативный способ, с некоторыми оговорками
3. Данная связка плагинов не может стянуть изображения со страниц сайта teletype.in

Альтернативный способ

Используемые дополнения

• [[Advanced URI]]

Альтернативой описанному выше методу является использование плагина для браузера [[MarkDownload - Markdown Web Clipper]], который умеет передавать текст страницы в Obsidian.

Настройка плагина

• Front-matter template (пример)

---
Tags: [Статья, Скраппер]
Импорт: {date:DD.MM.YYYY}
Источник: {baseURI}
Категория: 
---

• Obsidian Vault Name - название вашего хранилища, например SecondBrain
• Obsidian Folder Name - имя папки, куда будут складываться статьи, например Входящее
• Download images alongside markdown files - включено, чтобы изображения подтягивались вместе со страницей
• Image filename prefix template - оставить пустым, чтобы все файлы хранились в одном месте
• Image Style - Base64 encoded - оптимальный вариант для загрузки изображений

Использование

После установки дополнения [[MarkDownload - Markdown Web Clipper]] для сохранения страницы необходимо вызвать контекстное меню на этой странице и выбрать пункт MarkDownload - Markdown Web Clipper -> SendTab to Obsidian

Ограничения

1. В некоторых случаях, например на pikabu.ru работа плагина ломает вёрстку сайта, однако страница захватывается нормально
2. Для того чтобы изображения сохранилось нормально, а не с артефактами, как описано в первой части статьи, необходимо в браузере прокрутить до конца страницы, тем самым инициировав прогрузку изображений
3. Если страница содержит в заголовке символы, запрещённые в именах файлов или битые ссылки на изображения - захват страницы не произойдёт. В этом случае можно скопировать контент в буфер обмена через контекстное меню MarkDownload - Markdown Web Clipper -> Copy Tab As Markdown, создать заметку в Obsidian и вставить в неё содержимое буфера обмена.

#obsidian #Obsidianmd