Главная Веб-разработка Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

от admin

Гайд для тех, кто делает много записей и хочет наконец их структурировать.

Obsidian — это программа для работы с заметками. В ней удобно собирать информацию, записывать идеи и связывать их между собой. Благодаря таким связям записи перестают быть просто разрозненными файлами и превращаются в вашу личную базу знаний.

Приложение Obsidian во многом похоже на VS Code и другие современные редакторы кода. Можно пользоваться им сразу после установки или полностью настроить его под себя — изменить внешний вид и добавить множество дополнительных функций, которые пригодятся для ведения заметок. Давайте разберёмся, как это устроено и с чего начать.

Шаг 1

Устанавливаем Obsidian и создаём хранилище заметок

Для начала работы зайдите на официальный сайт obsidian.md и скачайте приложение для своей операционной системы. Obsidian доступен для Windows, macOS, Linux, iOS и Android. Программа бесплатна для личного использования — вы можете создавать сколько угодно заметок и пользоваться всеми основными функциями без ограничений.

После установки Obsidian может запуститься в одном из двух режимов. Если вы уже пользовались программой на этом компьютере, она автоматически загрузит ваши предыдущие настройки и заметки. Если запускаете Obsidian впервые, приложение предложит создать новое хранилище — специальную папку, где будут храниться все ваши заметки. Вы можете выбрать удобное расположение этой папки и дать ей понятное название — например, «Проекты», «Заметки», «Архив» или просто Obsidian, как в нашем случае.

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Окно первоначальной настройки Obsidian: выберите папку для хранения заметок и при необходимости смените язык интерфейса с английского на русский
Скриншот: Obsidian / Skillbox Media

Вы можете создать несколько отдельных хранилищ для разных задач — например, для личных, рабочих или учебных заметок. Для этого нажмите на название текущего хранилища в левом нижнем углу редактора и выберите пункт «Управление хранилищами». Затем задайте имя новой папки и укажите, где она будет располагаться.

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Мы создали дополнительное хранилище «Проекты», и оно открылось в отдельном окне с настройками по умолчанию, как при первом запуске Obsidian
Скриншот: Obsidian / Skillbox Media

После выбора хранилища вы можете нажать на кнопку «Новая заметка» и сразу писать. Мы не рекомендуем с самого начала углубляться в настройки, теги, структуру и другие возможности — просто делайте заметки и постепенно осваивайтесь в программе.

Настройки лучше менять по мере необходимости: если не нравится шрифт — смените его, если неудобна тёмная тема — переключитесь на светлую. Так вы не потратите время на изучение функций, которые в итоге могут вам и не понадобиться.

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Интерфейс Obsidian разделён на три основные части. Слева находится файловый менеджер для ваших папок и заметок, в центре — основной текстовый редактор, а справа — вспомогательная панель, где можно просматривать граф связей, структуру документа и прочую информацию
Скриншот: Obsidian / Skillbox Media

Для форматирования заметок в Obsidian используется разметка Markdown — это обычный текст со специальными символами. Например, чтобы создать заголовок, вам нужно поставить # в начале строки, а чтобы выделить текст жирным — достаточно обрамить его звёздочками: **вот так**. Эти символы видны только в режиме редактирования, а при просмотре скрываются, чтобы не отвлекать от содержания.

Посмотрите пример записи с разными элементами разметки Markdown:

# План изучения JavaScript ## Первый месяц ### ⚡️Темы – Синтаксис и переменные – Функции и области видимости – Объекты и массивы (`const obj = {}`) – Циклы и условия ==Не забыть:== _установить VS Code и Node.js_ ### ????️ Проекты – [x] Калькулятор – [ ] Список задач – [ ] Таймер обратного отсчёта > ???? Маленькие проекты помогают закрепить материал. ### ???? Полезные ресурсы – [MDN Web Docs](https://developer.mozilla.org/) – [JavaScript.info](https://javascript.info/) – [FreeCodeCamp](https://www.freecodecamp.org/) — ### ???? Пример кода “`javascript function greet(name) { console.log(`Привет, ${name}!`); } greet(‘мир’); “`

Если перенести этот текст в Obsidian, то заметка будет выглядеть так:

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Обратите внимание на правую боковую панель — в ней автоматически формируется структура заметки на основе заголовков Markdown. Если кликнуть на любой из них, вы сразу перейдёте к нужному разделу. Порядок этих разделов можно менять простым перетаскиванием мышкой. Например, если в правой панели поменять местами «Примеры кода» и «Полезные ресурсы», они тут же поменяются и в самой заметке
Скриншот: Obsidian / Skillbox Media

По сути, Obsidian — просто удобная графическая оболочка для работы с текстовыми файлами. Все ваши заметки хранятся в обычной папке на компьютере и доступны даже без подключения к интернету. Благодаря этому сохранность записей не зависит от серверов, аккаунтов или сторонних приложений. И даже если Obsidian когда-нибудь перестанет работать или временно окажется недоступен, вы без проблем сможете открыть свои заметки в любом другом Markdown-редакторе и продолжить работу.

Чтобы это проверить, кликните правой кнопкой мыши на название заметки в файловом менеджере и выберите пункт «Показать в Проводнике». После этого откройте файл в любой другой программе на своё усмотрение. Мы воспользуемся редактором iA Writer:

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Когда заметка открыта в iA Writer, вы можете её дописать или отредактировать. А если затем вернуться в Obsidian, все изменения отобразятся автоматически
Скриншот: iA Writer / Skillbox Media

Пожалуй, главный недостаток Obsidian связан с отсутствием встроенной синхронизации между устройствами в бесплатной версии. Однако вы можете настроить её самостоятельно с помощью iCloud, OneDrive, Google Drive, а также Syncthing или Git.

Проще всего установить на компьютер Google Drive и добавить в него хранилище заметок. После этого записи будут автоматически синхронизироваться между всеми устройствами, на которых вы установите Google Drive и выполните вход в свой аккаунт.

Шаг 2

Строим граф и работаем с холстом Canvas

Давайте создадим вторую заметку и свяжем её с первой. Для этого достаточно поставить двойные квадратные скобки [[ ]] и внутри них начать вводить название нужной заметки. Obsidian автоматически покажет список уже существующих заметок. А если такой заметки ещё нет, программа предложит создать её прямо во время ввода ссылки:

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Скриншот: Obsidian / Skillbox Media

Вместо ссылки на всю заметку вы можете использовать символы ##, чтобы сослаться только на конкретный заголовок внутри неё:

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Скриншот: Obsidian / Skillbox Media

Также вы можете использовать символ ^^, чтобы сослаться на конкретный элемент внутри заметки. Например, можно вставить ссылку на блок кода:

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Скриншот: Obsidian / Skillbox Media

Когда вы вернётесь в первую заметку, в правой панели в разделе «Упоминания со ссылкой» будут отображаться все заметки, которые ссылаются на неё:

Читать также:
Роботы: какие они бывают, как устроены и где применяются

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Скриншот: Obsidian / Skillbox Media

После этого вы можете в левой панели кликнуть на иконку «Граф» и посмотреть, как Obsidian визуально отображает две связанные между собой заметки:

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Скриншот: Obsidian / Skillbox Media

Граф связей — это визуальное представление вашей базы заметок. В нём каждая заметка отображается как точка, а связи между ними — как линии. Вы можете приближать отдельные участки, чтобы разобраться в конкретной теме, или отдалять — чтобы увидеть общую картину. Граф также помогает понять, где у вас больше всего материала, какие заметки остаются изолированными и где можно создать новые полезные связи. И чем больше у вас заметок, тем интереснее становится исследовать их с помощью графа.

Например, в процессе подготовки этой статьи мы делали заметки в Obsidian и сформировали небольшой граф. По нему сразу стало видно, что одна из главных тем связана с хранилищем. Нам нужно было рассказать, как создать его и синхронизировать между несколькими устройствами — сделать всё то, о чём написано в предыдущем разделе:

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Скриншот: Obsidian / Skillbox Media

Чем больше связанных заметок вы добавите в Obsidian, тем нагляднее будет выглядеть ваш граф. Но суть таких связей — не в вау-эффекте, а в том, чтобы заметки не превращались в архив, который вы однажды создали и больше не используете.

Чтобы понять, как может быть организована устойчивая система знаний, рекомендуем познакомиться с подходом бывшего инженера Apple Энди Матушака. Например, его запись о «вечнозелёных заметках» ссылается на десятки других. При этом каждая из них не просто связана с остальными, но и постоянно развивается: Энди регулярно дополняет их новыми мыслями и уточняет формулировки по мере углубления в тему.

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Пример организации «вечнозелёных заметок» Энди Матушака
Скриншот: Andy Matuschak / Skillbox Media

А когда вы только планируете создать новую заметку, бывает полезно сначала визуально организовать свои мысли. В Obsidian для этого есть специальный инструмент — Canvas. Это бесконечный виртуальный холст, на котором можно размещать и соединять различные элементы: текстовые блоки, изображения и заметки из вашего хранилища. Чтобы начать работу, нажмите на кнопку «Создать новый холст» в левой боковой панели.

Canvas удобно использовать для мозгового штурма, создания интеллект-карт и планирования структуры документов. Например, вы можете создать холст для организации своих заметок: поместите в центр основную тему, а вокруг — связанные подтемы. Затем соедините их стрелками, чтобы наглядно отразить взаимосвязи.

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Скриншот: Obsidian / Skillbox Media

Шаг 3

Настраиваем Obsidian под себя

В этом разделе мы поговорим о темах, горячих клавишах и плагинах. Всё это не обязательно, если вас устраивают базовые настройки и оформление Obsidian.

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

При выборе системной темы внешний вид Obsidian будет автоматически подстраиваться под настройки вашей операционной системы. Например, если на компьютере включён тёмный режим, приложение тоже станет тёмным, — и наоборот при светлом режиме
Скриншот: Obsidian / Skillbox Media

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Для изменения акцентного цвета вы можете ввести точное значение RGB или выбрать нужный оттенок с помощью визуального селектора
Скриншот: Obsidian / Skillbox Media

Вот как выглядит наша первая заметка в светлой цветовой схеме:

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Скриншот: Obsidian / Skillbox Media

Если вам наскучит стандартная тема, перейдите в настройки и откройте раздел «Оформление» → «Темы» → «Настроить». Перед вами откроется каталог со множеством бесплатных пользовательских тем, который регулярно пополняется. Чаще всего пользователи устанавливают темы Minimal и Things.

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Скриншот: Obsidian / Skillbox Media

Перед установкой вы можете кликнуть на понравившуюся тему и посмотреть, как она выглядит в разных цветовых режимах. Затем можно перейти в репозиторий на GitHub, где авторы часто добавляют дополнительную информацию — например, пишут, можно ли кастомизировать тему с помощью CSS и какие плагины для этого понадобятся.

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Скриншот: Obsidian / Skillbox Media

Например, в репозитории obsidian-minimal автор рассказывает, как с помощью плагина Style Settings можно использовать различные цвета и стили для темы Minimal:

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Изображение: kepano /GitHub

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Скриншот: Obsidian / Skillbox Media

Пока вы придумываете и запоминаете сочетания клавиш, попробуйте воспользоваться «Палитрой команд». Её можно вызвать сочетанием Ctrl + P на Windows или Cmd + P на macOS. В появившемся окне начните вводить название нужной команды — например, разделить или просто р. Если выбрать «Разделить вправо», текущая заметка откроется в новой панели справа — это удобно для сравнения или переноса информации.

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Скриншот: Obsidian / Skillbox Media

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Скриншот: Obsidian / Skillbox Media

Но самое интересное — это плагины от сообщества. Чтобы ими воспользоваться, перейдите в раздел «Сторонние плагины» и нажмите «Включить плагины сообщества»:

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Скриншот: Obsidian / Skillbox Media

После этого нажмите кнопку «Обзор», чтобы открыть каталог плагинов. На этом этапе Obsidian может предупредить вас об отключении безопасного режима — это необходимый шаг, поскольку без него плагины сообщества работать не будут:

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Скриншот: Obsidian / Skillbox Media

На момент обзора в каталоге доступно 2403 плагина, которые отсортированы по количеству скачиваний. Как и с темами, вы можете выбрать плагин, посмотреть его описание и изучить GitHub-репозиторий перед установкой. Плагины есть практически для всего, что можно встроить в заметочник. Например, есть Excalidraw для создания рисунков, Dataview — для работы с базами данных, Calendar — для добавления календаря в боковую панель, Git — для контроля версий и многое другое.

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Скриншот: Obsidian / Skillbox Media

Для примера рекомендуем видео Алексея Голобурдина в канале «Диджитализируй!». В нём он показывает, как с помощью плагина Dataview можно организовать каталог книг:

Видео: «Диджитализируй!»

Что дальше

Если хотите увидеть Obsidian в действии, загляните на страницу Obsidian Publish. Это премиум-функция, которая позволяет публиковать заметки в интернете. Однако подписку вам оформлять не обязательно — просто откройте примеры сайтов и посмотрите, как другие пользователи оформляют и структурируют свои базы знаний.

На сайте художника Марко Нориса вы можете увидеть одну из функций Obsidian — раздвижные панели, которые удобно использовать для реализации концепции «вечнозелёных заметок». Работают они так: при переходе по ссылке новая страница открывается справа, а текущая остаётся на месте. Например, читая заметку о живописи, вы можете кликнуть на слово «импрессионизм» — и информация об этом появится сбоку, не перекрывая основной текст. Это позволяет свободно перемещаться между заметками и лучше видеть связи между ними

Obsidian: текстовый редактор для ваших заметок, идей и базы знаний

Скриншот: Ouroboros lab / Skillbox Media

Если вы хотите начать работу с Obsidian, вот несколько полезных ресурсов:

Похожие статьи