Настройка отображения разделов заметок из других заметок

Пример отображаемого блока другой заметки:

![[Название_заметки]]`

Пример отображаемого блока из другой заметки:

![[Название_заметки#подтема|Подтема]]`

Как сделать отображаемые заметки чистыми

Meta Post - Common CSS Hacks - Share & showcase - Obsidian Forum

Flush Inline embeds - Share & showcase - Obsidian Forum

Открываем папку .obsidian, которая находиться в папке наших заметок:

cd <путь_до_папки_с_заметками>/.obsidian

Для заметок с задаваемым свойством

Создаем файл clean-embeds.css в папке snippets:

touch ./.obsidian/snippets/clean-embeds.css

nano ./.obsidian/snippets/clean-embeds.css

 
/* Сначала скрываем все заголовки */
.clean-embeds .internal-embed.markdown-embed h1, 
.clean-embeds .internal-embed.markdown-embed h2,
.clean-embeds .internal-embed.markdown-embed h3,
.clean-embeds .internal-embed.markdown-embed h4,
.clean-embeds .internal-embed.markdown-embed h5,
.clean-embeds .internal-embed.markdown-embed h6 {
    display: none;
}
 
.clean-embeds:has(h1) .internal-embed.markdown-embed h2 {
    display: block; /* или нужное значение */
}
 
.clean-embeds:has(h2) .internal-embed.markdown-embed h3 {
    display: block; /* или нужное значение */
}
 
.clean-embeds:has(h3) .internal-embed.markdown-embed h4 {
    display: block; /* или нужное значение */
}
 
.clean-embeds:has(h4) .internal-embed.markdown-embed h5 {
    display: block; /* или нужное значение */
}
 
.clean-embeds:has(h5) .internal-embed.markdown-embed h6 {
    display: block; /* или нужное значение */
}
 
/* remove title and the table from the "Metatable" plugin */
.clean-embeds .markdown-embed-title,
.clean-embeds .obsidian-metatable,
.clean-embeds .internal-embed .markdown-embed-title,
.clean-embeds .internal-embed .obsidian-metatable {
    display: none;
}
 
/*
  For links to embeds NOT to be shown, uncomment the following
  and comment out the other section below.
*/
 
/*
.markdown-preview-view .markdown-embed-link,
.markdown-preview-view .file-embed-link {
  display: none;
}
*/
 
/*
  For links to embeds to BE shown, uncomment the following
  until the "End link show/hide stuff" comment
  and comment out the section above.
*/
 
/* Link icon */
.markdown-preview-view.clean-embeds .markdown-embed-link,
.markdown-preview-view.clean-embeds .file-embed-link,
.clean-embeds .markdown-embed-content .file-embed-link,
.clean-embeds .internal-embed .markdown-embed-link,
.clean-embeds .internal-embed .file-embed-link {
    top: 0;
    right: 0;
    left: unset;
    text-align: right;
    border: none;
    margin: 0;
    width: 24px;
    height: 24px;
    color: var(--text-faint);
    cursor: pointer;
}
 
/* for Ars Magna theme and others that change ::before */
.markdown-preview-view.clean-embeds .markdown-embed-link::before,
.markdown-preview-view.clean-embeds .file-embed-link::before,
.clean-embeds .internal-embed .markdown-embed-link::before,
.clean-embeds .internal-embed .file-embed-link::before {
    display: none;
}
 
/* Link icon size & hide */
.markdown-preview-view.clean-embeds .file-embed-link svg,
.markdown-preview-view.clean-embeds .markdown-embed-link svg,
.clean-embeds .internal-embed .file-embed-link svg,
.clean-embeds .internal-embed .markdown-embed-link svg {
    height: 24px;
    width: 24px;
    opacity: 0;
    display: unset;
}
 
/* show on hover */
.markdown-preview-view.clean-embeds .markdown-embed:hover .file-embed-link svg,
.markdown-preview-view.clean-embeds .markdown-embed:hover .markdown-embed-link svg {
    opacity: 1;
}
 
/* change background on hover, to exactly see what’s embedded */
.markdown-preview-view.clean-embeds .markdown-embed:hover,
.markdown-preview-view.clean-embeds .file-embed:hover {
    background-color: var(--background-secondary) !important;
}
 
/* End link show/hide stuff */
 
/* remove border and scroll */
/* unfortunately needs !important for some themes */
.markdown-preview-view.clean-embeds .markdown-embed,
.markdown-preview-view.clean-embeds .file-embed {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
 
.markdown-preview-view.clean-embeds .markdown-embed-content,
.markdown-preview-view.clean-embeds .markdown-embed-content>.markdown-preview-view {
    max-height: unset;
    padding: 0 !important;
    /* !important for "Pisum" theme */
    margin: 0;
    border: 0;
    background-color: var(--background-primary);
    /* Change default background color */
    transition: background-color 0.3s;
    /* Add transition effect */
}
 
.markdown-preview-view.clean-embeds .markdown-embed-content:hover,
.markdown-preview-view.clean-embeds .markdown-embed-content>.markdown-preview-view:hover {
  backdrop-filter: invert(1%);
  box-shadow: 0 0 1px 3px rgba(136, 136, 136, 0.1);
}
 
 
.clean-embeds .markdown-embed {
    max-height: unset;
    padding: 0 !important;
    /* !important for "Pisum" theme */
    margin: 0;
    border: 0;
    background-color: var(--background-primary);
    transition: background-color 0.3s;
}
 
.clean-embeds .markdown-embed:hover {
  backdrop-filter: invert(1%);
  box-shadow: 0 0 1px 3px rgba(136, 136, 136, 0.1);
}
 
 
.clean-embeds .internal-embed .markdown-embed .inline-embed {
    max-height: unset;
    padding: 0 !important;
    /* !important for "Pisum" theme */
    margin: 0;
    border: 0;
}
 
/* remove <br> between internal embeds */
.clean-embeds .markdown-preview-section div>br {
    display: none;
}
 
 
/* remove vertical space added by markdown-preview-sizer */
.clean-embeds div.markdown-preview-sizer.markdown-preview-section {
    min-height: unset !important;
    padding-bottom: 0 !important;
}
 
/* special considerations for printing (PDF export) */
@media print {
 
    /* remove frontmatter box if "Show frontmatter" was enabled */
    /* Also remove metadata table from "Metatable" plugin */
    pre.frontmatter,
    .obsidian-metatable {
        display: none;
    }
}

Сохраняем сочетанием клавиш ctrl+o и закрываем ctrl+x.

В Settings → Appearance → CSS Snippets включаем появившийся snippet clean-embeds.

Теперь при добавлении в метаданные свойства:

cssclasses: clean-embeds

блоки из других заметок будут отображаться в более приятном виде. Без знака ссылки, заголовка и без колеса прокрутки.

Устарело:

Meta Post - Common CSS Hacks - Share & showcase - Obsidian Forum

Для всех заметок

Создаем файл clean-embeds-all.css в папке snippets:

touch ~/.obsidian/snippets/clean-embeds-all.css

nano ~/.obsidian/snippets/clean-embeds-all.css

/* Сначала скрываем все заголовки */
.internal-embed.markdown-embed h1, 
.internal-embed.markdown-embed h2,
.internal-embed.markdown-embed h3,
.internal-embed.markdown-embed h4,
.internal-embed.markdown-embed h5,
.internal-embed.markdown-embed h6 {
    display: none;
}
 
body:has(h1) .internal-embed.markdown-embed h2 {
    display: block; /* или нужное значение */
}
 
body:has(h2) .internal-embed.markdown-embed h3 {
    display: block; /* или нужное значение */
}
 
body:has(h3) .internal-embed.markdown-embed h4 {
    display: block; /* или нужное значение */
}
 
body:has(h4) .internal-embed.markdown-embed h5 {
    display: block; /* или нужное значение */
}
 
body:has(h5) .internal-embed.markdown-embed h6 {
    display: block; /* или нужное значение */
}
 
/* remove title and the table from the "Metatable" plugin */
.markdown-preview-view .markdown-embed-title,
.markdown-preview-view .obsidian-metatable,
.internal-embed .markdown-embed-title,
.internal-embed .obsidian-metatable {
    display: none;
}
 
/*
  For links to embeds NOT to be shown, uncomment the following
  and comment out the other section below.
*/
 
/*
.markdown-preview-view .markdown-embed-link,
.markdown-preview-view .file-embed-link {
  display: none;
}
*/
 
/*
  For links to embeds to BE shown, uncomment the following
  until the "End link show/hide stuff" comment
  and comment out the section above.
*/
 
/* Link icon */
.markdown-preview-view .markdown-embed-link,
.markdown-preview-view .file-embed-link,
.markdown-embed-content .file-embed-link,
.internal-embed .markdown-embed-link,
.internal-embed .file-embed-link {
    top: 0;
    right: 0;
    left: unset;
    text-align: right;
    border: none;
    margin: 0;
    width: 24px;
    height: 24px;
    color: var(--text-faint);
    cursor: pointer;
}
 
/* for Ars Magna theme and others that change ::before */
.markdown-preview-view .markdown-embed-link::before,
.markdown-preview-view .file-embed-link::before,
.internal-embed .markdown-embed-link::before,
.internal-embed .file-embed-link::before {
    display: none;
}
 
/* Link icon size & hide */
.markdown-preview-view .file-embed-link svg,
.markdown-preview-view .markdown-embed-link svg,
.internal-embed .file-embed-link svg,
.internal-embed .markdown-embed-link svg {
    height: 24px;
    width: 24px;
    opacity: 0;
    display: unset;
}
 
/* show on hover */
.markdown-preview-view .markdown-embed:hover .file-embed-link svg,
.markdown-preview-view .markdown-embed:hover .markdown-embed-link svg {
    opacity: 1;
}
 
/* change background on hover, to exactly see what’s embedded */
.markdown-preview-view .markdown-embed:hover,
.markdown-preview-view .file-embed:hover {
    background-color: var(--background-secondary) !important;
}
 
/* End link show/hide stuff */
 
/* remove border and scroll */
/* unfortunately needs !important for some themes */
.markdown-preview-view .markdown-embed,
.markdown-preview-view .file-embed {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
 
.markdown-preview-view .markdown-embed-content,
.markdown-preview-view .markdown-embed-content>.markdown-preview-view {
    max-height: unset;
    padding: 0 !important;
    /* !important for "Pisum" theme */
    margin: 0;
    border: 0;
    background-color: var(--background-primary);
    /* Change default background color */
    transition: background-color 0.3s;
    /* Add transition effect */
}
 
.markdown-preview-view .markdown-embed-content:hover,
.markdown-preview-view .markdown-embed-content>.markdown-preview-view:hover {
  backdrop-filter: invert(1%);
  box-shadow: 0 0 1px 3px rgba(136, 136, 136, 0.1);
}
 
 
.markdown-embed {
    max-height: unset;
    padding: 0 !important;
    /* !important for "Pisum" theme */
    margin: 0;
    border: 0;
    background-color: var(--background-primary);
    transition: background-color 0.3s;
}
 
.markdown-embed:hover {
  backdrop-filter: invert(1%);
  box-shadow: 0 0 1px 3px rgba(136, 136, 136, 0.1);
}
 
 
.internal-embed .markdown-embed .inline-embed {
    max-height: unset;
    padding: 0 !important;
    /* !important for "Pisum" theme */
    margin: 0;
    border: 0;
}
 
/* remove <br> between internal embeds */
.markdown-preview-section div>br {
    display: none;
}
 
 
/* remove vertical space added by markdown-preview-sizer */
div.markdown-preview-sizer.markdown-preview-section {
    min-height: unset !important;
    padding-bottom: 0 !important;
}
 
/* special considerations for printing (PDF export) */
@media print {
 
    /* remove frontmatter box if "Show frontmatter" was enabled */
    /* Also remove metadata table from "Metatable" plugin */
    pre.frontmatter,
    .obsidian-metatable {
        display: none;
    }
}

В Settings → Appearance → CSS Snippets включаем появившийся snippet clean-embeds-all.

Теперь форматирование будет применяться ко всем заметкам с встраиваниями из других заметок.

Устарело:

Meta Post - Common CSS Hacks - Share & showcase - Obsidian Forum