-
[css] 有序列表样式分享(1.→(1)→A.→i.)
2024-11-18 21:58我印象里见过同样的问题,找了一下写过的代码,应该是
margin
这一行修正的。可以加上margin
这行试试。.li[data-subtype="o"] > .protyle-action::after { padding: 3px 2px; width: 24px; display: flex; justify-content: center; margin: -20px 0 0 -8px !important; }
-
求代码片段:如何实现毛玻璃(半透明)效果 + 如何修改文档标签样式
2024-11-17 10:08点右下角的问号(帮助按钮)可以弹出面板,里面有个开发者工具,点开来。或者用快捷键
CRTL+SHIFT+I
打开开发者工具。打开之后使用选择工具选中你要查看的内容,先点击按钮切换到选择工具,然后点击页面里你要查看的内容。之后元素面板就会聚焦到你选中的元素。这里可以查看选择器。
之后在右侧的样式面板可以查看生效的样式。点击样式前的复选框可以快捷启用或禁用样式。被
删除线划掉的样式是被覆盖而不生效的。 -
求助怎样把全屏切换按钮移动到上面直接可见的位置
2024-11-15 23:39你这个是主题原因吗?我全屏之后是可以显示更多按钮关闭全屏的。
建议操作流程:
- 检查思源版本更新
- 检查主题版本更新
- 切换至默认主题查看是否复现
- 检查是否有代码片段影响显示
-
[css] 优化标题折叠状态
2024-11-15 23:00感谢分享,请在标题前添加[css] 用于区分代码片段类型(含空格)。
用户在该标签下分享代码片段时需在帖子标题前添加
[css]
或[js]
用于区分代码片段类型。 -
思源集市内容打包方案
2024-11-15 22:55补充一下,GitHub Actions 的步骤可以混搭的。比如第一个方案的打包配上第二个方案的发布。只要能够生成带有版本号的 tag 和一个 package.zip 文件就是可行的打包发版方案。
-
关于思源笔记上传文件 word 遇到的问题
2024-11-14 18:28你在编辑器里复制文件引用,再粘贴出来的操作实际上并没有复制或新增实际引用的文件。你这几个块最终引用的文件都是在 assets 文件夹里的同一个文件。再次将电脑里的【文件 A】复制进来会经过校验文件环节,这个环节发现粘贴文件与现有的文件相同就会引用同一个文件。(我是这么理解的,因为链接后面引用的文件实际上是一个属性,复制资源链接会同时复制这个属性,粘贴出来属性不变就会引用同一个文件)
如果想要复制几份副本的话:
- (比较不符合思源规范)需要使用文件管理器打开思源工作空间的 data/assets 文件夹,将目标文件复制几份,修改文件名后
-
之后追加的文件 id,或者不做修改,就用系统粘贴出来的(1)
和(2)
来区分文件也行。之后在编辑器里用斜杠菜单新建资源引用(即/资源
),搜索你复制出来文件的文件名,新建引用。这样可以完成一次文件复制。 - (比较符合思源规范)在外面将你原本的文件复制几份(或者从思源导出文件),做好相应的修改,再粘贴进思源。这样就会将每份文件放进 assets 文件夹并计算相应的文件 id。
- (我不会评价)在 word 编辑好之后选择另存为,看看会不会保存在思源的资源文件夹里。如果在那里新建了文件,就在思源编辑器里引用新创建的文件。这个需要特别注意文件名是否可能出现重名情况。
我的理解:思源本身为了节省空间占用,会对文件进行校验,不管是 md5 还是 sha,总之确认文件相同就不会重复在资源文件夹里放多个文件,而是指向资源文件夹里的同一个文件。如果想要有多个文件副本就需要自己进行复制。每个文件后有一个专属的 id,是通过文件属性计算出来的,可以确保多次粘贴同名文件但内容不同时不会在文件系统里相互覆盖。
- (比较不符合思源规范)需要使用文件管理器打开思源工作空间的 data/assets 文件夹,将目标文件复制几份,修改文件名后
-
求助集市分组以及隐藏引述块的角标
2024-11-14 18:05- 要分组的话光靠 css 或许不能实现,应该会涉及到重新排列元素的问题,还要插入分组的分割样式,可能要带上 js 或者干脆提 issue 看能不能考虑加入本体
- 这个靠 css 应该可以实现,可以等路过的大佬进来写
-
有序列表样式添加
2024-11-14 17:54正好空出来了,给你写上了
/* 四级列表 */ .protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] { counter-increment: olcounter4; padding-left: 3%; } .protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] > .protyle-action { color: rgba(0, 0, 0, 0) !important } .protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] > .protyle-action::after { content: counter(olcounter1, decimal) "." counter(olcounter2, decimal) "."counter(olcounter3, decimal) "."counter(olcounter4,decimal) } /* 五级列表 */ .protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] { counter-increment: olcounter5; padding-left: 3%; } .protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] > .protyle-action { color: rgba(0, 0, 0, 0) !important } .protyle-wysiwyg .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] .li[data-subtype=o] > .protyle-action::after { content: counter(olcounter1, decimal) "." counter(olcounter2, decimal) "."counter(olcounter3, decimal) "."counter(olcounter4,decimal) "."counter(olcounter5,decimal) }
把这段代码粘贴到原本代码的后面,应该是没有问题的。如果还要继续向后扩展也很容易。
-
有序列表样式添加
2024-11-14 15:20向后递增就可以了,把
.li
这个选择器多复制几个。参照前面一级二级的递增方法,在选择器(.li[data-subtype=o]
)、content 那里接着往下写 -
下划线为虚线表示另一内容块具体是哪种方式方法?
2024-11-12 09:48虚拟引用,在设置里打开开关之后由思源自行计算可能引用的内容并显示为虚线下划线样式。每次显示界面之后显示目前内容的虚拟引用,新写的文档需要重新显示界面之后才会计算虚拟引用。
-
[css] 求字体设置代码片段
2024-11-11 21:20可以把前面的
:root
改成.protyle-wysiwyg
试试,这样或许可以限定编辑器。(我自己没测试过,不过经验告诉我应当可行)至于中英文用不同的字体,如果先应用的字体同时含有中英文两种字体,就会导致后面的字体不生效。这个还请自己检查好顺序。
-
[css] 求字体设置代码片段
2024-11-11 17:36插件已经是安装状态了,不过找不到可能是出了什么问题,可以重启思源试试。
至于自定义字体的代码片段,可以用
:root { --b3-font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB", "Segoe UI", "Microsoft Yahei", sans-serif, "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols" !important; }
在冒号后面依次插入你想用的字体的实际名称,就是在设置 > 字体里面看到的那个显示名称(Win10 在控制面板)。符号都需要用英文的。
这里的生效顺序就是前后顺序,请自行安排顺序。生效范围是整个思源,编辑器字体需要保持默认不修改。
-
无法设置云端目录,且多端同步出问题
2024-11-11 11:18不同设备用的数据仓库密钥是不是不一样?第二个报错看起来像是填的密钥不对导致无法解密云端数据。建议复制电脑的密钥到其他设备再重试一下。
-
版本更新问题
2024-11-08 17:03给数据换个地方吧,安装思源会先卸载原本的思源,这一步会删除思源安装目录下的所有文件,也就是会顺带删除你的工作空间。换了地方之后正常安装一遍思源重新打开工作空间就好了。
-
思源能不能把浏览器的浏览网页的功能补全,在写文档过程中,频繁切浏览器和思源的窗口,效率好低
2024-11-08 11:39这里说下我的想法:
要在思源里面浏览网页首先肯定面临安全问题,思源也没法很好地把自己的代码和网页代码(js、css)良好地共存,这是其一;
思源要访问别的网页必定涉及跨域问题,而现在的网页都收得很紧,几乎不允许跨域访问,更别提还有浏览器的安全管理,直接不允许出现任何跨域访问,这就导致了你用 127.0.0.1 没法访问其他网页,这是其二;(这个我是靠前面学前端的经验总结的,可能有误,学校里教的就那么点)
思源前端的所有功能都是为了和后端交互,如果在前端加入普通浏览器的功能,则必定会导致前端出现不必要的功能,并且思源原本就没有特别适配访问要访问网页的功能,必定是跳转到默认浏览器进行访问、操作,这是其三。(严重的功能冗余)
其四,在思源的所有开发规划和需求表上,都没有浏览器的功能,如果要加上浏览器的功能,就必定严重偏移原本的设计规划。好比这块地建一座图书馆,现在已经建起来了,各种书入库了一半空间,现在路过的人给建议信箱里塞了一封信,说把剩下的空间加建成学校,显然不是建图书馆的目的。因此这样的需求不是明显合理的需求,首先需求优先级低,其次跟项目的立项目的不符。
其五,思源只有两个人在开发,开发资源严重不足,本身就有很多问题尚待解决,更别提要加入那么复杂的需求(要访问网页还算简单,正确显示网页相当困难,更别提思源本身还有 js、css,更加难以像普通浏览器那样显示网页)
话说 VSCode 也没有支持直接显示网页,我就记得可以访问 visual studio market、更新日志和插件自己适配的网页(都没有直接按照浏览器访问的样式显示),其他所有链接统统走浏览器。所以 VSCode 对网页访问也没有什么支持。
对于 iframe,思源没有做改动的话其实现在的 iframe 就是网页里能访问到的 iframe 功能。你在浏览器里用 iframe 和现在在思源里用 iframe 的体验其实是一样的。