在思源中简易实现 Andymatuschak Mode

​​

​​

第一步，先上原链接： Andy Matuschak，有兴趣的小伙伴可以去看看长啥样

第二步，上片段：

css 片段：

div.layout-tab-container.fn__flex-1 > div.fn__flex-1.fn__none {
    display: flex !important;
    min-width: 600px;
    border-radius: 0.75em;
    border: 2px solid var(--b3-border-color);
    margin: 10px;
}

div.layout-tab-container.fn__flex-1 > div.fn__flex-1 {
    display: flex !important;
    min-width: 600px;
    border-radius: 0.75em;
    border: 2px solid var(--b3-border-color);
    margin: 10px;
}

js 片段：

document.querySelectorAll('li[data-type="tab-header"]').forEach(tab => {
    if (tab && tab.getAttribute('data-type') === 'tab-header') {
        console.log('Clicking tab with data-id:', tab.getAttribute('data-id'));
        tab.click();
    }
});

第三步，简单解释一下

​css片段​的大致思路就是把未激活标签页的 display​改回 flex​，用 js片段​的原因在于每次打开思源后，非活动标签页是不加载的，js片段​把每个标签页点一次，对就是这么简单粗暴。