-
[css] [js] 思源笔记用到现在积累的所有代码片段
2023-12-18 12:26加一个:
逐层自定义有序列表样式 CSS 片段
/* 逐层自定义有序列表样式 CSS片段 */ /* 可以从下面参数更改有序列表,8层级后默认为第一层级样式1.,2. */ div[data-subtype="o"].list { --o1-style: counter(o1, decimal)"."; --o2-style: counter(o2, decimal)")"; --o3-style: counter(o3, upper-latin)"."; --o4-style: counter(o4, lower-latin)"."; --o5-style: counter(o5, lower-roman)"."; } .protyle-wysiwyg [data-subtype="o"].li>.protyle-action:after { margin: -12px 0 0 -12px !important; line-height: 20px; } .list[data-subtype="o"]>.li[data-subtype="o"] .li[data-subtype="o"]>.protyle-action { color: transparent !important; } .li[data-subtype="o"] .li[data-subtype="o"] .protyle-action::after { mix-blend-mode: unset !important; color: var(--b3-theme-on-surface) !important; } /*.li[data-subtype="o"][fold="1"] .protyle-action--order, .li[data-subtype="o"][fold="1"] .protyle-action:after { color: #7C505Dbb !important; }*/ .li[data-subtype="o"]>.protyle-action::after { padding: 3px 2px; width: 24px; display: flex; justify-content: center; } .list[data-subtype="o"] { counter-reset: o1 0 o2 0 o3 0 o4 0 o5 0; } /* 第1层级 */ /* 保持默认,这样可以从任意序号开始编号 */ /* 第2层级 */ .list[data-subtype="o"]>.li[data-subtype="o"] .li[data-subtype="o"]>.protyle-action::after { counter-increment: o2; content: var(--o2-style); position: absolute; } /* 第3层级 */ .list[data-subtype="o"]>.li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"]>.protyle-action::after { counter-increment: o3; content: var(--o3-style); position: absolute; } /* 第4层级 */ .list[data-subtype="o"]>.li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"]>.protyle-action::after { counter-increment: o4; content: var(--o4-style); position: absolute; } /* 第5层级 */ .list[data-subtype="o"]>.li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"]>.protyle-action::after { counter-increment: o5; content: var(--o5-style); position: absolute; } /* 第6层级 */ .list[data-subtype="o"]>.li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"]>.protyle-action::after { counter-increment: o1; content: var(--o1-style); position: absolute; } /* 第7层级 */ .list[data-subtype="o"]>.li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"]>.protyle-action::after { counter-increment: o2; content: var(--o2-style); position: absolute; } /* 第8层级 */ .list[data-subtype="o"]>.li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"]>.protyle-action::after { counter-increment: o3; content: var(--o3-style); position: absolute; }
-
开发者你好,我想反馈点问题
2023-12-17 22:44为了不耽误你学习,我建议用思源还是在电脑上用,在 iPad 上也许会有更适合的笔记软件。
p.s. 另外好奇一下,你们那里有多少比例的人是在用 iPad 的?(不是苹果的也算在内吧)
-
想省大钱?思源笔记第三方同步 S3 手把手教程(使用七牛云对象存储 Kodo)(2024.4.25)
2023-12-16 22:44更新:不建议启用版本管理和生命周期管理,更占空间,清理存储桶的时候还更费劲
-
时间管理令人筋疲力竭?试试事件管理
2023-12-16 22:40事件管理:针对没做过的、不熟练的事情,不知道会花多少时间,要着眼于着事情如何完成。
时间管理:针对重复做的、较熟练的事情,能比较准确地预估时间,可以设置 deadline 不断压迫自己准时进行、提高效率,更有紧迫感。
-
[css] [js] 思源笔记用到现在积累的所有代码片段
2023-12-16 21:37增加一个方法:
选择性启用 CSS 片段:给文档加一个属性,例如 fromtype:ShuXing,然后在 css 选择器前面加上 [custom-fromtype=ShuXing]
.protyle-wysiwyg[custom-fromtype=zhihu] [data-node-id].h1 { color: red; }
-
求助:头像和背景文件删除
2023-12-16 21:24问题看不明白,不如再多描述一下?
如果说的是这里的:https://ld246.com/settings/file?type=1 ,那就问问 D 大
-
渐进式思维
2023-12-16 15:22思考最自然的状态,是无压地记录卡片。
用思考代替记忆,减少记录的内容。
用索引代替收纳,记忆索引的方法。
增删补改过去的笔记,链接其他卡片,将不同标签合并分层,自然形成知识结构。
把要写作的文章拆分为内容块,为每个内容块添加一个个卡片笔记,在有灵感时完成一部分的卡片,日积月累,等到大部分卡片完成之后,再着手整理与写作整篇文章。
-
请问数据库的模板列中引用日期列,得到的是什么
2023-12-15 08:20这是要做什么?
The
toJson
function encodes an item into a JSON string. If the item cannot be converted to JSON the function will return an empty string.mustToJson
will return an error in case the item cannot be encoded in JSON. -
[css] [js] 思源笔记用到现在积累的所有代码片段
2023-12-14 22:28修改:
去除图片后的多余空行 CSS 片段
/* 去除图片后的多余空行 CSS片段 */ .b3-typography .img:not([style]), .protyle-wysiwyg .img:not([style]) { display:inline-block !important; }
-
代码片段解决图片插入后默认新增一行以输入文字的问题
2023-12-14 22:28/* 去除图片后的多余空行 CSS片段 */ .b3-typography .img:not([style]), .protyle-wysiwyg .img:not([style]) { display:inline-block !important; }