Предысловие
Какое-то время назад я выкладывал статью на Хабр про свое obsidian хранилище.
Я получил хороший фидбэк и некоторые идеи. Также я понял, что довольно большая часть моего obsidian нуждается в оптимизации и структуризации. В итоге нашел свободный выходной, чтобы немного перестроить хранилище. Я все это сделал и тут расскажу, как теперь выглядит мой obsidian.
Кроме простой структуризации и удаления лишнего, я также провел некоторые махинации над кодом dataviewjs своей библиотеки книг и доделал свою домашнюю страницу, добавив интеграцию со своей основной библиотекой и поработав на css составляющей. В общем-то были еще некоторые изменения, но об этом всем будет далее.
Что же нового?
Общая структура папок
Ниже будет название папки в виде заголовка и описание для чего нужна папка. Папки с _ в начале - это папки служебного назначения.
_files
Здесь хранятся все файлы, которые используются в заметках (фото, рисунки и т.д.). В настройках в Obsidian можно поставить чтобы все не .md файлы складывались туда.
_kanban-tasks
Здесь хранятся заметки, которые создаются Kanban. Используем Kanban Task Temp. (применяется автоматически). В Kanban можно нажать на задачу и выбрать “Attach Note”, тогда создается новая заметка, где можно более подробно расписать задачу.
_templates
Здесь хранятся шаблоны для разных типов файлов. (Book, Note, Plan, Zettel, Kanban Task шаблоны). Для шаблонов советую полезный плагин Templater.
1 - Plans
Здесь хранятся все планы. Используем Plan Temp.
2 - Notes
Здесь хранятся все полезные заметки, записи и тд, которые не относятся к каким-то конкретным областям знаний. Используем Note Temp.
3 - Zettel Rough
Папка для сырых заметок. Начинаю писать здесь. Если заметка неполная, требует доработки или я ещё не уверен в её конечной ценности — она остается здесь. Используем Zettel Temp
4 - Zettel Grown
Здесь хранятся все заметки для моей главной базы знаний. То есть сюда я записываю идеи или материалы, которые могут послужить в будущем и несут ценную информацию.
Главный вопрос: «Хотел бы я, чтобы эта информация держалась у меня в голове долгое время?». Если «да» — информация ценна, и её нужно записать.
Когда заметка становится самодостаточной и ценной, я перемещаю её из Rough Notes в Grown Notes. После переноса из Zettel Rough меняем #rough на #grown.
5 - Books
Здесь хранятся все прочитанные книги. Сначала создаётся файл с названием книги, вставляется шаблон и заполняется. В этом же файле можно писать заметки по книге. Используем Book Temp.
Остальные файлы
Cheatsheet (этот файл): исчерпывающая шпаргалка по системе
Homepage: домашняя страница с самыми важными ссылками
Task Board: Kanban для отложенных дел и заметок
Основные горячие клавиши
Alt+S— вставка шаблонаAlt+Q— вставка calloutCtrl+O— открыть quick switcherCtrl+P— открыть command paletteCtrl+E— сменить current viewCtrl+ЛКМ— открыть ссылку в новой вкладкеCtrl+Shift+F— поиск во всех файлахCtrl+↑— переместить строку вверхCtrl+↓— переместить строку внизAlt+A- свернуть все списки и заголовкиAlt+D- развернуть все списки и заголовкиCtrl+Del- очистить Canvas в Excalidraw
Пример одного из шаблонов
Tags: #zettel #rough File Links: # {{Title}}
Заполнение файла стало значительно проще и быстрее, по сравнению с тем что было раньше: быстро написал дополнительно пару тегов, может быть добавил ссылки на другие файлы в хранилище.
Каталог книг
Каталог выглядит таким образом. На странице можно искать книги по жанрам, статусам и по названию:
Ниже полный блок кода каталога. Его можно просто скопировать в файл и он будет смотреть все книги в папке “5 - Books”.
Код каталога книг
const bookPages = dv.pages('"5 - Books"').where(p => p.title); const container = this.container; const style = document.createElement("style"); style.textContent = ` .book-table { width: 100%; border-collapse: separate; border-spacing: 0; font-family: inherit; margin-top: 0.5rem; font-size: 14px; } .book-table th { background: rgba(255, 255, 255, 0.03); color: var(--text-muted, #9ca3af); padding: 10px 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); font-weight: 600; text-align: left; font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em; } .book-table th:first-child, .book-table td:first-child { width: 120px; /* Было 100px */ text-align: center; } .book-table td { padding: 12px 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); color: var(--text-normal, #e5e7eb); vertical-align: middle; } .book-table tr { transition: background-color 0.15s ease; } .book-table tr:hover { background: rgba(139, 92, 246, 0.04) !important; } .filter-container { background: rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 0.8rem 1rem; margin-bottom: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.08); display: flex; gap: 0.8rem; align-items: center; flex-wrap: wrap; } .filter-select, .filter-search { padding: 8px 12px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.12); background: var(--background-secondary, #1e1e24); color: var(--text-normal, #e5e7eb); font-size: 13px; outline: none; transition: all 0.2s ease; height: 38px; box-sizing: border-box; font-family: inherit; } .filter-select:hover, .filter-search:focus { border-color: rgba(167, 139, 250, 0.5); box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.15); } .filter-search { flex: 1; min-width: 220px; } .book-title-link { color: var(--text-normal, #f3f4f6); text-decoration: none; font-weight: 600; font-size: 15px; transition: color 0.2s; line-height: 1.3; } .book-title-link:hover { color: #a78bfa; } .book-meta-text { font-size: 12px; color: var(--text-muted, #9ca3af); margin-top: 4px; } .status-dropdown { padding: 4px 8px; border-radius: 6px; font-size: 12px; font-weight: 600; border: 1px solid transparent; outline: none; cursor: pointer; transition: all 0.2s; width: 120px; text-align: center; height: 32px; box-sizing: border-box; font-family: inherit; } .book-cover-img { width: 80px; height: 120px; border-radius: 6px; object-fit: cover; box-shadow: 0 3px 8px rgba(0,0,0,0.25); border: 1px solid rgba(255, 255, 255, 0.08); transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; display: inline-block; } .book-cover-img:hover { transform: translateY(-2px); box-shadow: 0 6px 12px rgba(0,0,0,0.35); } @media (max-width: 600px) { .book-table th, .book-table td { padding: 8px 6px; font-size: 12px; } .book-table th:first-child, .book-table td:first-child { width: 85px; /* Было 70px */ } .book-cover-img { width: 60px; height: 90px; } .book-title-link { font-size: 13px; } .book-meta-text { font-size: 10px; } .status-dropdown { width: 95px; font-size: 11px; height: 28px; padding: 2px 2px; } .filter-container { padding: 0.6rem; flex-direction: column; align-items: stretch; gap: 0.5rem; } .filter-select, .filter-search { width: 100%; } } `; document.head.appendChild(style); const filterContainer = document.createElement("div"); filterContainer.className = "filter-container"; const genreSelect = document.createElement("select"); genreSelect.className = "filter-select"; const allOption = document.createElement("option"); allOption.textContent = "Все жанры"; allOption.value = ""; genreSelect.appendChild(allOption); const allGenres = new Set(); for (let p of bookPages) { if (p.genre) { const genres = Array.isArray(p.genre) ? p.genre : [p.genre]; genres.forEach(g => g && allGenres.add(g)); } } for (let genre of Array.from(allGenres).sort()) { const opt = document.createElement("option"); opt.textContent = genre; opt.value = genre; opt.style.background = "var(--background-secondary, #1e1e24)"; genreSelect.appendChild(opt); } filterContainer.appendChild(genreSelect); const statusSelect = document.createElement("select"); statusSelect.className = "filter-select"; const statusOptions = [ { value: "", text: "Все статусы" }, { value: "reading", text: "Читаю" }, { value: "completed", text: "Прочитано" }, { value: "planned", text: "В планах" } ]; statusOptions.forEach(o => { const opt = document.createElement("option"); opt.textContent = o.text; opt.value = o.value; opt.style.background = "var(--background-secondary, #1e1e24)"; statusSelect.appendChild(opt); }); filterContainer.appendChild(statusSelect); const searchInput = document.createElement("input"); searchInput.type = "text"; searchInput.className = "filter-search"; searchInput.placeholder = "🔍 Поиск по названию или автору..."; filterContainer.appendChild(searchInput); container.appendChild(filterContainer); function determineBookStatus(page) { if (page.status) return page.status; const today = new Date().toISOString().split('T')[0]; if (page.date_ended && page.date_ended <= today) return "completed"; if (page.date_started) return "reading"; return "planned"; } function applyStatusStyle(selectElement, status) { if (status === "completed") { selectElement.style.background = "rgba(16, 185, 129, 0.12)"; selectElement.style.color = "#10b981"; selectElement.style.borderColor = "rgba(16, 185, 129, 0.25)"; } else if (status === "reading") { selectElement.style.background = "rgba(139, 92, 246, 0.12)"; selectElement.style.color = "#a78bfa"; selectElement.style.borderColor = "rgba(139, 92, 246, 0.25)"; } else { selectElement.style.background = "rgba(156, 163, 175, 0.12)"; selectElement.style.color = "#9ca3af"; selectElement.style.borderColor = "rgba(156, 163, 175, 0.25)"; } } async function updatePageProperty(page, property, value) { try { const file = app.vault.getAbstractFileByPath(page.file.path); if (!file) return false; await app.fileManager.processFrontMatter(file, (fm) => { if (value === undefined || value === "") { delete fm[property]; } else { fm[property] = value; } }); page[property] = value; return true; } catch (e) { console.error(e); return false; } } async function removePageProperty(page, property) { try { const file = app.vault.getAbstractFileByPath(page.file.path); if (!file) return false; await app.fileManager.processFrontMatter(file, (fm) => { delete fm[property]; }); delete page[property]; return true; } catch (e) { console.error(e); return false; } } function renderTable(selectedGenre = "", selectedStatus = "", searchTerm = "") { const oldTable = container.querySelector(".book-table"); if (oldTable) oldTable.remove(); const table = document.createElement("table"); table.className = "book-table"; const header = table.insertRow(); ["Обложка", "Книга", "Статус"].forEach(t => { const th = document.createElement("th"); th.textContent = t; header.appendChild(th); }); for (let p of bookPages) { const genreMatch = !selectedGenre || (p.genre && ((Array.isArray(p.genre) && p.genre.includes(selectedGenre)) || p.genre === selectedGenre)); const actualStatus = determineBookStatus(p); const statusMatch = !selectedStatus || actualStatus === selectedStatus; const searchMatch = !searchTerm || (p.title && p.title.toLowerCase().includes(searchTerm.toLowerCase())) || (p.author && p.author.toLowerCase().includes(searchTerm.toLowerCase())); if (!(genreMatch && statusMatch && searchMatch)) continue; const row = table.insertRow(); row.onclick = (e) => { if (!e.target.closest('a') && !e.target.closest('select') && !e.target.closest('input') && !e.target.closest('img')) { window.location.href = p.file.path; } }; const cellCover = row.insertCell(); if (p.cover) { const img = document.createElement("img"); img.src = p.cover; img.className = "book-cover-img"; img.onclick = () => window.location.href = p.file.path; cellCover.appendChild(img); } else { const placeholder = document.createElement("div"); placeholder.className = "book-cover-img"; placeholder.style.background = "rgba(255, 255, 255, 0.03)"; placeholder.style.display = "flex"; placeholder.style.alignItems = "center"; placeholder.style.justifyContent = "center"; placeholder.style.fontSize = "24px"; placeholder.style.border = "1px dashed rgba(255, 255, 255, 0.15)"; placeholder.innerHTML = "📖"; placeholder.onclick = () => window.location.href = p.file.path; cellCover.appendChild(placeholder); } const cellInfo = row.insertCell(); const infoWrapper = document.createElement("div"); infoWrapper.style.display = "flex"; infoWrapper.style.flexDirection = "column"; const link = document.createElement("a"); link.href = p.file.path; link.textContent = p.title || p.file.name; link.className = "internal-link book-title-link"; const metaText = document.createElement("div"); metaText.className = "book-meta-text"; const author = p.author || "Автор не указан"; const genre = Array.isArray(p.genre) ? p.genre.join(", ") : (p.genre || ""); metaText.textContent = author + (genre ? ` • ${genre}` : ""); infoWrapper.appendChild(link); infoWrapper.appendChild(metaText); cellInfo.appendChild(infoWrapper); const cellStatus = row.insertCell(); const sel = document.createElement("select"); sel.className = "status-dropdown"; const opts = [ { value: "planned", text: "📚 В планах" }, { value: "reading", text: "📖 Читаю" }, { value: "completed", text: "✓ Прочитано" } ]; opts.forEach(o => { const opt = document.createElement("option"); opt.value = o.value; opt.textContent = o.text; opt.style.background = "var(--background-secondary, #1e1e24)"; if (o.value === actualStatus) opt.selected = true; sel.appendChild(opt); }); applyStatusStyle(sel, actualStatus); cellStatus.appendChild(sel); sel.onchange = async () => { const newStatus = sel.value; applyStatusStyle(sel, newStatus); if (newStatus !== actualStatus) { let success = await updatePageProperty(p, "status", newStatus); if (success) { if (actualStatus === "completed" && newStatus !== "completed") { await removePageProperty(p, "date_ended"); } else if (newStatus === "completed") { await updatePageProperty(p, "date_ended", new Date().toISOString().split('T')[0]); } renderTable(genreSelect.value, statusSelect.value, searchInput.value); } } }; } container.appendChild(table); } genreSelect.onchange = () => renderTable(genreSelect.value, statusSelect.value, searchInput.value); statusSelect.onchange = () => renderTable(genreSelect.value, statusSelect.value, searchInput.value); searchInput.oninput = () => renderTable(genreSelect.value, statusSelect.value, searchInput.value); renderTable();
Шаблон для книг:
В status может быть planned, completed, reading.
В cover можно просто вставить ссылку на картинку из интернета.
--- title: {{Title}} cover: author: genre: status: planned --- Tags: #book File Links: [[Book Catalog]] # {{Title}}
Ведение заметок (Kanban плагин)
Тут все быстро - есть 3 списка:
ASAP (As soon as possible) - дела которые нужно сделать сейчас
Deferred - отложенные дела
Done - сделанные дела
Дела просто перетаскиваю из одного списка в другой
Домашняя страница
Страница выглядит подобным образом:
Использую css файл для расположения элементов по странице и разделения их на блоки:
CSS файл для Homepage
.image-embed[alt*="fade-banner"] { position: relative; display: block; width: 100%; height: 260px; overflow: hidden; margin-bottom: 25px; border-radius: 16px; } .image-embed[alt*="fade-banner"] img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); } .image-embed[alt*="fade-banner"]:hover img { transform: scale(1.03); } .image-embed[alt*="fade-banner"]::after, .banner-gradient { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 20%, var(--background-primary) 100%); pointer-events: none; } .dashboard { font-family: inherit; padding: 10px 25px !important; --card-bg: color-mix(in srgb, var(--background-secondary) 88%, black 12%); --card-bg-hover: color-mix(in srgb, var(--background-secondary) 80%, black 20%); } .dashboard .markdown-preview-section { max-width: 100%; } .dashboard h1 { position: relative; z-index: 2; text-align: center; font-size: 2.6em; font-weight: 800; letter-spacing: -0.02em; margin: -92px 0 34px; padding-bottom: 16px; color: #ffffff; text-shadow: 0 2px 14px rgba(0, 0, 0, 0.55), 0 1px 4px rgba(0, 0, 0, 0.4); } .dashboard h1::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 72px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, transparent, var(--interactive-accent), transparent); } .dashboard div>ul { list-style: none !important; display: flex; flex-flow: row wrap; column-gap: 40px; row-gap: 25px; padding-left: 0 !important; margin: 0 !important; } .dashboard div>ul>li { flex: 1 1 260px; min-width: 260px; background-color: transparent !important; border: 1px solid transparent !important; border-radius: 12px !important; padding: 14px 18px !important; box-shadow: none !important; transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1); } .dashboard div>ul>li>b, .dashboard div>ul>li>strong, .dashboard div>ul>li>h3 { display: block; font-size: 1.1em; font-weight: 650; margin-bottom: 12px; padding-bottom: 6px; color: var(--text-normal); border-bottom: 1px solid var(--background-modifier-border); transition: color 0.2s ease, border-color 0.2s ease; } .dashboard div>ul>li:hover>h3, .dashboard div>ul>li:hover>b, .dashboard div>ul>li:hover>strong { color: var(--interactive-accent); border-color: var(--interactive-accent); } .dashboard div>ul>li:has(>h3) { background: var(--card-bg) !important; border: 1px solid var(--background-modifier-border) !important; border-radius: 14px !important; padding: 16px 20px !important; } .dashboard div>ul>li:has(>h3):hover { background: var(--card-bg-hover) !important; border-color: var(--interactive-accent) !important; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); transform: translateY(-2px); } .dashboard div>ul>li>ul { display: flex !important; flex-direction: column; gap: 6px; padding-left: 0 !important; list-style: none !important; } .dashboard div>ul>li>ul>li { background: transparent !important; border: none !important; padding: 2px 0 !important; min-width: auto !important; font-size: 0.95em; opacity: 0.85; transition: opacity 0.2s ease, transform 0.2s ease; } .dashboard div>ul>li>ul>li:hover { opacity: 1; transform: translateX(4px); } .dashboard div>ul>li>ul>li a { text-decoration: none !important; color: var(--text-muted); transition: color 0.2s ease; } .dashboard div>ul>li>ul>li a:hover { color: var(--interactive-accent); } .dashboard div.markdown-preview-section>div>ul>li>.list-bullet, .dashboard.markdown-rendered.show-indentation-guide li>ul::before, .dashboard.markdown-rendered.show-indentation-guide li>ol::before { display: none !important; } div.markdown-preview-section>div>ul.has-list-bullet>li { padding-left: 0 !important; } .dashboard div>ul>li:has(>h2) { position: relative; background: var(--card-bg) !important; border: 1px solid var(--background-modifier-border) !important; border-radius: 18px !important; padding: 28px 22px !important; min-height: 90px; display: flex; align-items: center; justify-content: center; text-align: center; box-shadow: none; } .dashboard div>ul>li:has(>h2):hover { background: var(--card-bg-hover) !important; border-color: var(--interactive-accent) !important; transform: translateY(-4px); box-shadow: 0 14px 30px rgba(0, 0, 0, 0.25); } .dashboard div>ul>li>h2 { font-size: 1.3em; font-weight: 700; letter-spacing: -0.01em; margin: 0 !important; padding: 0 !important; border: none !important; line-height: 1.3; } .dashboard div>ul>li>h2 a { text-decoration: none !important; color: var(--text-normal); transition: color 0.2s ease; } .dashboard div>ul>li:has(>h2):hover h2 a { color: var(--interactive-accent); } .reading-section { background: var(--card-bg); border: 1px solid var(--background-modifier-border); border-radius: 18px; padding: 22px 24px 26px; margin: 8px 0 30px; } .reading-section-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .reading-section-title { font-size: 1.05em; font-weight: 700; color: var(--text-normal); display: flex; align-items: center; gap: 8px; margin: 0; } .reading-section-count { font-size: 0.72em; font-weight: 600; color: var(--text-muted); background: var(--background-modifier-border); padding: 3px 11px; border-radius: 20px; } .reading-now-empty { color: var(--text-muted); font-size: 0.9em; padding: 4px 0; } .reading-grid { display: flex; flex-wrap: wrap; gap: 22px; } .reading-card { width: 130px; display: flex; flex-direction: column; align-items: center; text-align: center; } .reading-card-cover { width: 120px; height: 172px; border-radius: 8px; overflow: hidden; background: var(--background-modifier-border); display: flex; align-items: center; justify-content: center; font-size: 34px; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.22); cursor: pointer; transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease; margin-bottom: 10px; } .reading-card-cover:hover { transform: translateY(-4px); box-shadow: 0 12px 26px rgba(0, 0, 0, 0.32); } .reading-card-cover img { width: 100%; height: 100%; object-fit: cover; } .reading-card-badge { font-size: 0.62em; font-weight: 700; color: var(--interactive-accent); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 5px; } .reading-card-title { font-size: 0.88em; font-weight: 650; line-height: 1.3; color: var(--text-normal) !important; text-decoration: none !important; transition: color 0.2s ease; } .reading-card-title:hover { color: var(--interactive-accent) !important; } .reading-card-author { font-size: 0.76em; color: var(--text-muted); margin-top: 3px; } .reading-grid-divider { width: 1px; align-self: stretch; background: var(--background-modifier-border); position: relative; margin: 0 4px; } .reading-grid-divider span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-90deg); white-space: nowrap; font-size: 0.68em; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--text-faint); background: var(--card-bg); padding: 2px 6px; } .reading-card-planned { opacity: 0.68; transform: scale(0.94); transition: opacity 0.2s ease, transform 0.2s ease; } .reading-card-planned:hover { opacity: 1; transform: scale(1); } .reading-card-badge-planned { color: var(--text-muted); }
Теперь сама markdown заметка. Dataviewjs код отображает список книг которые я читаю в данный момент и планирую прочитать. Markdown используется для добавления элементов на страницу:
Homepage.md
--- cssclasses: dashboard --- ![[wallpaper.jpg|fade-banner]] # 🏠 My Homepage - ## [[Task Board]] - ## [[Cheatsheet]] - ## [[Book Catalog]] --- - ### 🏋️ Тренировки - [[Тренировки зал full-body]] - [[Тренировки лето]] - [[Доп. Тренировки (3 в неделю)]] - ### 🎯 По годовым целям - [[Цели на 2026]] - [[Хочу как-нибудь заняться]] - [[K3Stack. Краткий план]] - ### 👾 Планы Habitica - [[Еженедельный летний план 2026]] - [[Еженедельный план 2026]] - ### 🎓 Поступление - [[Подготовка к ЕГЭ]] - [[Выбор ВУЗа]] - [[Доп баллы в Вузах]] - [[Олимпиады Вузов]] - [[Целевое обучение]] - ### 📔 Доп. материалы - [[Вопросы DevOps Advanced]] - [[Вопросы DevOps Basic]] - [[Механизм минимальных затрат]] - [[NetDevSecOps.canvas|NetDevSecOps canvas]] --- ```dataviewjs const bookPages = dv.pages('"5 - Books"').where(p => p.title); function determineBookStatus(page) { if (page.status) return page.status; const today = new Date().toISOString().split('T')[0]; if (page.date_ended && page.date_ended <= today) return "completed"; if (page.date_started) return "reading"; return "planned"; } const reading = bookPages.where(p => determineBookStatus(p) === "reading"); const planned = bookPages.where(p => determineBookStatus(p) === "planned"); const section = document.createElement("div"); section.className = "reading-section"; const header = document.createElement("div"); header.className = "reading-section-header"; const title = document.createElement("div"); title.className = "reading-section-title"; title.textContent = "📬 На прочтение"; header.appendChild(title); const count = document.createElement("span"); count.className = "reading-section-count"; count.textContent = reading.length + planned.length; header.appendChild(count); section.appendChild(header); function renderCard(p, status) { const card = document.createElement("div"); card.className = "reading-card"; if (status === "planned") card.classList.add("reading-card-planned"); const cover = document.createElement("div"); cover.className = "reading-card-cover"; cover.onclick = () => window.location.href = p.file.path; if (p.cover) { const img = document.createElement("img"); img.src = p.cover; cover.appendChild(img); } else { cover.innerHTML = "📖"; } card.appendChild(cover); const badge = document.createElement("div"); badge.className = "reading-card-badge"; if (status === "planned") badge.classList.add("reading-card-badge-planned"); badge.textContent = status === "reading" ? "Читаю" : "В планах"; card.appendChild(badge); const link = document.createElement("a"); link.href = p.file.path; link.className = "internal-link reading-card-title"; link.textContent = p.title || p.file.name; card.appendChild(link); const author = document.createElement("div"); author.className = "reading-card-author"; author.textContent = p.author || "Автор не указан"; card.appendChild(author); return card; } if (reading.length === 0 && planned.length === 0) { const empty = document.createElement("div"); empty.className = "reading-now-empty"; empty.textContent = "📭 Пока здесь пусто"; section.appendChild(empty); } else { const grid = document.createElement("div"); grid.className = "reading-grid"; for (let p of reading) { grid.appendChild(renderCard(p, "reading")); } if (reading.length > 0 && planned.length > 0) { const divider = document.createElement("div"); divider.className = "reading-grid-divider"; const dividerLabel = document.createElement("span"); dividerLabel.textContent = "В планах"; divider.appendChild(dividerLabel); grid.appendChild(divider); } for (let p of planned) { grid.appendChild(renderCard(p, "planned")); } section.appendChild(grid); } this.container.appendChild(section); ```
Плагины
Better Word Count - улучшенный подсчет слов на странице
Dataview - поисковый движок по заметкам в Obsidian. (или что-то вроде)
Git - для синхронизации заметок
Homepage - открывает определенную заметку при входе в хранилище
Iconize - красивые иконки у заметок
Kanban - для создания Kanban досок
Templater - продвинутая шаблонизация
Заключение
Хранилище в Obsidian постоянно меняется, доходя до неузнаваемости. Чем дальше - тем в итоге проще оно становится. На самом деле не сильно важен сам факт того, какое хранилище в итоге - главное, чтобы оно решало ваши задачи и было удобно для пользования.
В конце еще уточню, что если вам кажется все это излишествами - это нормально, так как, как мне кажется Obsidian, это все таки что-то, что больше для определенной нестандартной аудитории, поэтому, если что-то показалось полезным - буду рад если возьмете себе, если же нет - то проблем в этом тоже нет.
