这个事情我还真想过, 半开的状态, 优先折叠, 如果像点开需要点两下

一个按钮的好处是节省空间

你的主题是什么, 还挺有意思的

用户反馈一个需求之后, 大概率 在短时间内 D 大是不会做的(毕竟 bug 都改不完)

如果无法解决原始需求, 一些有经验的人会提供另一种规避方法或者思路, 临时解决用户的需求, 这也是我认为社区最重要的意义之一

对于这种, 我认为不算搪塞

不, 我就点心心, 主打一个叛逆

大伙都是用户

你说的也没毛病

角色不是唯一, 所谓的小白其实就是 只涉及使用的群体, 所谓的大佬无非就是 涉及开发比较多的小白

傻子感觉不用加引号, 需求/开发/用户, 三者有天然的壁垒, 在任何一方眼里, 另外两方都是傻子

我盲猜, 可能 dv 自己也不太想与其他人合作, 毕竟他们两个是自己人, 其他人都是外人

你想添加什么规则的颜色

一种是按照层级, 相同层级, 相同颜色: 代码超限, 私发你了

另一种是按照笔记本, 相同的笔记本, 相同颜色

about 文档树的彩虹目录 - EmberSky 的回帖

不知道, 应该要 @d 大, 但是 d 大好像不太愿意改文档树 😂

如果是官方做, 按你的说法, 存储占用应该不大

但是我们只能用 js 做, js 没法绑定, 只能把 是哪个块 存起来, 这部分的数据就很多了

目前我还不知道 js 怎么绑定一些信息到块上

个人看法，我感觉拼写检查并不是提高效率的，应该算是提醒，提醒你这里有问题，防止你犯一些低级错误，作为一个软件，一般来说都是只知道你这里错了，因为他后台可能有一个词语库，但是你心里想要什么，鬼知道，也就没法给你填充。就算现在大火的 ai 提供的也不能说准

像 word 里面的拼写检查也没有给出正确的词语

不要可以隐藏，但是加功能就不太好做了 😂

还有就是，思源可以单独对某些内容设置字体么，之前没见过

话说, 自带的搜索, 代码块高亮有做么

这里的菜单里面有个编辑, 编辑里面有个删除, 不过没必要也不用删帖, 留着也没啥影响, 哈哈

如果要记忆的话, 需要存储的东西太多了, 本身文档树就很多, 更别说每个文档里面的大纲, 而且如果我没理解错的话, 你这种是需要保存每个大纲节点的, 就算不是, 也大差不差

之前我做文档树展开记忆的时候, 就感觉需要保存的东西有点多, 还好我的文档不多

我虽然不知道你文档的量级, 但是, 我感觉只要是记笔记的人, 文档数可能不多, 但是所有文档的大纲肯定很多

我暂时想到的有几个 应该可以通过 js 代码实现的方案

1. 提供菜单按钮: 展开至第几层, 类似于 word 目录的这种效果
   
2. 增加保存按钮, 手动进行保存, 以及手动清理
3. 自动保存, 但是只保存最近 n 个文档的大纲

1. 修改宽度没做, 不会 😂, 现在可以关掉后调整, 再打开
2. 类名也是因为不会, 没找到重命名的方案, 所以是直接复制的, 这个在帖子的影响里面有说

1. 我不会改菜单位置
2. 不展开就不能点击这个文档了, 不过可以展开之后再折叠

开关可以搞, 有空我加一下

我已实现 二级文档树简略版

疯狂戳

[代码片段分享] 二级文档树简略版 _release_v1.0

1. 点击末级文档不消失 这个确实是要搞的

这是后来才发现的, 涉及到关闭和打开按钮放在哪里, 框架也不太一样, 就没改

2. 一级树原有的功能, 我不会改, 就保留原有的效果了

提醒一下:

如果文件内容过多, 有些内容不会渲染

没有渲染的内容不会被搜到

你不先看下 issue 有没有关
还好我没升级

.history__panel>.b3-list {width:512px;}

宽度自己调

其实吧, 笔记的主题想弄好看很难

因为笔记本身的内容太素了

一个主题只能改一些边框啊, 按钮啊, 占得地方比较少, 整体看下来, 就没啥感觉

但是修改的样式一旦多了, 就会很花里胡哨

引用是其他的 css

.protyle-wysiwyg [data-node-id] span[data-type~=block-ref][data-subtype="d"]{color:red !important;}

.protyle-wysiwyg [data-node-id] span[data-type~=block-ref][data-subtype="s"]{color:red !important;}

这是我用的引用的 css 片段

/* 块引用锚文本附加 ｢｣ 符号 */
:root {
    --b3-protyle-inline-blockref-d-color: var(--b3-protyle-inline-blockref-color);
    --b3-protyle-inline-blockref-s-color: var(--b3-protyle-inline-link-color);
}
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref][data-subtype="d"] {
    color:var(--b3-protyle-inline-blockref-d-color);
}
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref][data-subtype="d"]::before {
    content: "｢";
    display: inline-block;
    font-size: 100%;
    color:var(--b3-protyle-inline-blockref-d-color);
}
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref][data-subtype="d"]::after {
    content: "｣";
    display: inline-block;
    font-size: 100%;
    color:var(--b3-protyle-inline-blockref-d-color);
}
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref][data-subtype="s"] {
    color:var(--b3-protyle-inline-blockref-s-color);
}
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref][data-subtype="s"]::before {
    content: "｢";
    display: inline-block;
    font-size: 100%;
    color:var(--b3-protyle-inline-blockref-s-color);
    transform: scale(1, -1);
}
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref][data-subtype="s"]::after {
    content: "｣";
    display: inline-block;
    font-size: 100%;
    color:var(--b3-protyle-inline-blockref-s-color);
    transform: scale(1, -1);
}

或者你要的是这种

颜色的问题, 就自己调吧, 众所周知, 开发没有审美, 何况我是个后台的的开发

:root {
  /* 可修改 - 背景颜色 */
  --b3-tree-node-background-1: var(--b3-font-background1);
  --b3-tree-node-background-2: var(--b3-font-background2);
  --b3-tree-node-background-3: var(--b3-font-background3);
  --b3-tree-node-background-4: var(--b3-font-background4);
  --b3-tree-node-background-5: var(--b3-font-background5);
  --b3-tree-node-background-6: var(--b3-font-background6);
  --b3-tree-node-background-7: var(--b3-font-background7);
}


div.sy__file>div.fn__flex-1>ul:nth-of-type(1) {background-color: var(--b3-tree-node-background-1);}
div.sy__file>div.fn__flex-1>ul:nth-of-type(2) {background-color: var(--b3-tree-node-background-2);}
div.sy__file>div.fn__flex-1>ul:nth-of-type(3) {background-color: var(--b3-tree-node-background-3);}
div.sy__file>div.fn__flex-1>ul:nth-of-type(4) {background-color: var(--b3-tree-node-background-4);}
div.sy__file>div.fn__flex-1>ul:nth-of-type(5) {background-color: var(--b3-tree-node-background-5);}
div.sy__file>div.fn__flex-1>ul:nth-of-type(6) {background-color: var(--b3-tree-node-background-6);}
div.sy__file>div.fn__flex-1>ul:nth-of-type(7) {background-color: var(--b3-tree-node-background-7);}
div.sy__file>div.fn__flex-1>ul:nth-of-type(8) {background-color: var(--b3-tree-node-background-1);}
div.sy__file>div.fn__flex-1>ul:nth-of-type(9) {background-color: var(--b3-tree-node-background-2);}
div.sy__file>div.fn__flex-1>ul:nth-of-type(10) {background-color: var(--b3-tree-node-background-3);}
div.sy__file>div.fn__flex-1>ul:nth-of-type(11) {background-color: var(--b3-tree-node-background-4);}
div.sy__file>div.fn__flex-1>ul:nth-of-type(12) {background-color: var(--b3-tree-node-background-5);}
div.sy__file>div.fn__flex-1>ul:nth-of-type(13) {background-color: var(--b3-tree-node-background-6);}
div.sy__file>div.fn__flex-1>ul:nth-of-type(14) {background-color: var(--b3-tree-node-background-7);}

我差不多是按照这个图做的, 有特殊需求, 可以自己微调一下

个人看法: 如果不会代码, 可以自己简单学习一下, 这样以后如果遇见一些简单的需求都可以自行搞定, 把思源折腾成自己想要的模样, 不是很爽么

全是抄的, 一点的技巧都木得

没用 savor 主题, 不知道是否可行

.protyle-wysiwyg [data-node-id] span[data-type="a"][data-href]{color:red !important;}

/** 获取配置里面的快捷键, 并触发
 * 
 */
function dispatchKeyEvent(functionName) {
  let keyInit = parseHotKeyStr(window.top.siyuan.config.keymap.general[functionName].custom);
  keyInit["bubbles"] = true;
  let keydownEvent = new KeyboardEvent('keydown', keyInit);
  document.getElementsByTagName("body")[0].dispatchEvent(keydownEvent);
  let keyUpEvent = new KeyboardEvent('keyup', keyInit);
  document.getElementsByTagName("body")[0].dispatchEvent(keyUpEvent);
}

/**
 * 
 * @param {*} hotkeyStr 思源hotkey格式 Refer: https://github.com/siyuan-note/siyuan/blob/d0f011b1a5b12e5546421f8bd442606bf0b5ad86/app/src/protyle/util/hotKey.ts#L4
 * @returns KeyboardEventInit Refer: https://developer.mozilla.org/zh-CN/docs/Web/API/KeyboardEvent/KeyboardEvent
 */
function parseHotKeyStr(hotkeyStr) {
  let result = {
    ctrlKey: false,
    altKey: false,
    metaKey: false,
    shiftKey: false,
    key: 'A',
    keyCode: 0
  }
  if (hotkeyStr == "" || hotkeyStr == undefined || hotkeyStr == null) {
    console.error("解析快捷键设置失败", hotkeyStr);
    throw new Error("解析快捷键设置失败");
  }
  let onlyKey = hotkeyStr;
  if (hotkeyStr.indexOf("⌘") != -1) {
    result.ctrlKey = true;
    onlyKey = onlyKey.replace("⌘", "");
  }
  if (hotkeyStr.indexOf("⌥") != -1) {
    result.altKey = true;
    onlyKey = onlyKey.replace("⌥", "");
  }
  if (hotkeyStr.indexOf("⇧") != -1) {
    result.shiftKey = true;
    onlyKey = onlyKey.replace("⇧", "");
  }
  // 未处理 windows btn （MetaKey） 
  result.key = onlyKey;
  // 在https://github.com/siyuan-note/siyuan/commit/70acd57c4b4701b973a8ca93fadf6c003b24c789#diff-558f9f531a326d2fd53151e3fc250ac4bd545452ba782b0c7c18765a37a4e2cc
  // 更改中，思源改为使用keyCode判断快捷键按下事件，这里进行了对应的转换
  // 另请参考该提交中涉及的文件
  result.keyCode = keyCodeList[result.key];
  console.assert(result.keyCode != undefined, `keyCode转换错误,key为${result.key}`);
  switch (result.key) {
    case "→": {
      result.key = "ArrowRight";
      break;
    }
    case "←": {
      result.key = "ArrowLeft";
      break;
    }
    case "↑": {
      result.key = "ArrowUp";
      break;
    }
    case "↓": {
      result.key = "ArrowDown";
      break;
    }
    case "⌦": {
      result.key = "Delete";
      break;
    }
    case "⌫": {
      result.key = "Backspace";
      break;
    }
    case "↩": {
      result.key = "Enter";
      break;
    }
  }
  return result;
}

if (g_addSnippets) addSnippets();

const keyCodeList = {
  "⌫": 8,
  "⇥": 9,
  "↩": 13,
  "⇧": 16,
  "⌘": 91,
  "⌥": 18,
  "Pause": 19,
  "CapsLock": 20,
  "Escape": 27,
  " ": 32,
  "PageUp": 33,
  "PageDown": 34,
  "End": 35,
  "Home": 36,
  "←": 37,
  "↑": 38,
  "→": 39,
  "↓": 40,
  "PrintScreen": 44,
  "Insert": 45,
  "⌦": 46,
  "0": 48,
  "1": 49,
  "2": 50,
  "3": 51,
  "4": 52,
  "5": 53,
  "6": 54,
  "7": 55,
  "8": 56,
  "9": 57,
  "A": 65,
  "B": 66,
  "C": 67,
  "D": 68,
  "E": 69,
  "F": 70,
  "G": 71,
  "H": 72,
  "I": 73,
  "J": 74,
  "K": 75,
  "L": 76,
  "M": 77,
  "N": 78,
  "O": 79,
  "P": 80,
  "Q": 81,
  "R": 82,
  "S": 83,
  "T": 84,
  "U": 85,
  "V": 86,
  "W": 87,
  "X": 88,
  "Y": 89,
  "Z": 90,
  "ContextMenu": 93,
  "MyComputer": 182,
  "MyCalculator": 183,
  ";": 186,
  "=": 187,
  ",": 188,
  "-": 189,
  ".": 190,
  "/": 191,
  "`": 192,
  "[": 219,
  "\\": 220,
  "]": 221,
  "'": 222,
  "*": 106,
  "+": 107,
  "-": 109,
  ".": 110,
  "/": 111,
  "F1": 112,
  "F2": 113,
  "F3": 114,
  "F4": 115,
  "F5": 116,
  "F6": 117,
  "F7": 118,
  "F8": 119,
  "F9": 120,
  "F10": 121,
  "F11": 122,
  "F12": 123,
  "NumLock": 144,
  "ScrollLock": 145
};