如何默认折叠文档属性/YAML/Properties/Metadata/Front Matter

[Keith]

每次进入到编辑模式，YAML就自动展开，挺占地方和视野。

如何设置再编辑模式，YAML默认折叠的呢？

感谢~

[陈宝]

等 所见即所得 功能。

[xming]

太丑了

期望编辑时隐藏

[洛书]

系统设置中可以选择隐藏reading mode的YAML，settings-“editor”

[Sherlock290 (Sherlock-X)]

css片段

/* ====== Hide YAML ======== */
.is-live-preview .cm-hmd-frontmatter {
    display: none;
}

snippet-commands-obsidian插件
GitHub - 死亡/代码段-命令-黑曜石：将自定义 css 代码段注册为命令（您可以将热键绑定到该命令）

可以设置热键开启/禁用某个css片段.

[Linzeal]

突然发现MD文件顶部两个---围起来的metadata/YAML有点占地方，尤其是在编辑模式下，还经常误触更改。想跟大伙讨论一下，看有什么更好的方法能在阅读视图和实时预览下默认折叠它。

目前的办法：

• 实时预览

  1. 首选使用插件MAKE.md，若不喜欢这插件的其他功能，就全关了，只在设置里选Show Inline Context和Hide Frontmatter即可：
     

     

  2. CSS代码（能隐藏，但折叠的不完全，万一误触更改了你还看不到，不建议使用）

  /=== 实时预览下隐藏 metadata ===/      
  .cm-hmd-frontmatter {
    display: none;
  }
  

  这个CSS是可以隐藏掉metadata，但因为是编辑模式，若光标处于metadata的区域，此时有字符输入，会在看不见的情况下直接更改了metadata的内容。所以这个CSS代码不可取。

  3. 点击首行---前的折叠符号来手动折叠了。

• 阅读视图

  1. 首选使用插件Metatable，设置里选collapse折叠的选项即可：
     

     

  2. CSS代码

  /=== 阅读视图下隐藏 metadata ===/
  .frontmatter-section {
    display: none;
  }
  

  3. Obsidian设置里直接关闭不显示
     
     

大家有什么其他的办法，可以讨论讨论。

[班图]

我更希望yaml在实时预览模式下也可以渲染成阅读视图的样式

[塔塔罗特]

同求，也在找插件。

[charleslu]

插个眼，有找到办法么，太占位置了

[charleslu]

同求默认折叠yaml

[itdawns]

Sherlock290:
“可以设置热键开启/禁用某个css片段.”
没有找到能热键开关的配置？

另外，在手机上无热键，能用命令开关吗？

[mutemilk]

编辑器里面设置文档属性“显示”和“源码”都需要自己折叠，“隐藏的话”编辑模式下也被隐藏起来只能侧边栏编辑，有什么办法只在阅读模式下隐藏而不是折叠吗

[charleslu]

如何让文档的文档属性在编辑模式下默认折叠
每次打开都占用大块面积，实际上很多时候文档属性并不重要，希望它默认折叠起来

[charleslu]

是需要 默认折叠
完全隐藏要用的时候，得到旁边窗口查看，不方便。

[PlayerMiller]

将文档属性设置为“显示”：

CSS 代码：

body {
  --metadata-display-editing: none; /*文档属性编辑模式显示方式*/
}

效果：

阅读模式保持不变，仍可编辑、可点击“文档属性”折叠。

编辑模式表现为文档属性设置为“隐藏”时的状态，默认不显示，切换实时阅览/源码模式显示 YAML 源码。

[charleslu]

源码模式非常不友好，各种快捷功能用不上，还容易操作出错
还是 默认折叠 文档属性 简单直接

[charleslu]

这个我是知道的，需要的是默认折叠的方法，即使打开，下次依然会默认折叠
文档属性不用的时候应该默认折叠起来，就像文件的元数据一样，不右键不显示

[rbber66 (ribber)]

我也需要这个功能，可以默认折叠

[charleslu]

没事，我决定直接隐藏了，用侧边栏的方式了。等官方优化吧

[尘沙]

可以试一下这个css代码

.metadata-properties:not(:hover) {
    visibility: hidden;
    float: right;
    max-width: 0px;
    max-height: 0px;
    z-index: 5;
}

.metadata-properties:not(:hover)::before {
    content: "✨"; 
    visibility: visible;
}

.metadata-properties {
    padding: 10px 20px;
    border-radius: 8px;
    border: none;
    background: none;
}