QYL 主题(及 QYL-dark 主题)重大更新!

刚刚更新了下 QYL 主题(及 QYL-dark 主题),可能集市要等会才有,增加了大量配色!打个小广告,欢迎大家使用
附上预览图

白天.png

夕阳.png

海洋.png

森林.png

糖果.png

薰衣草.png

暗黑.png

勃艮第.png

玄青.png

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    25939 引用 • 107516 回帖

相关帖子

优质回帖

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • yoehek

    支持,目前在用的主题 👍

  • 赞啊 👍

  • 毛玻璃和块高亮的效果真是赞啊!

  • 牛逼啊,顶栏隐藏的功能太好了
    我宣布,这个是继 Savor 外我最喜欢的主题了!!!

    哈哈哈哈哈.gif

  • 太好看了兄弟

    image.png

  • image.png

    我把侧栏搞掉了,现在是最简洁的,真好看啊

  • 太厉害了,还有动画,很流畅。自定义的功能也很实用。

  • 1438053535 1 评论

    请问“当前鼠标选中块凸起”这个效果有办法关掉吗

    我加个开关吧
    queguaiya
  • cspykzz 1 评论

    目前在搜索界面,拖动浏览搜索出来文章列表,文字都会重叠在第一行位置,更新中一直没有关注到这问题

    能具体说说什么意思吗
    queguaiya
  • veryzhh 2 评论

    原来暗黑主题是另有一个,我还在奇怪怎么装好后只有明亮的。

    提个小建议:主题好像不能保存勾选的设置,每次重启、重建索引,甚至刷新快捷键,又会回到全未勾选的状态。最好能将之前的勾选保存,否则每次都要重新勾选,不方便。

    1 回复
    1 操作
    veryzhh 在 2025-03-01 16:24:58 更新了该回帖
    看一下主题介绍页的说明,有间接方案
    queguaiya 1
    @queguaiya 感谢,搞定了
    veryzhh
  • daloo via macOS

    楼主威武,这个主题越来越棒了,细节打磨用心 👍

  • High99 2 评论 via Pixel

    先感谢一下大佬,我非常喜欢这个主题,其次我想咨询一下,在移动端出现了图标占了半个页面的问题,应该如何解决。Screenshot20250301193443.jpg

    我这边很少用移动端,所以没有测试,我下个版本试着解决一下
    queguaiya
    @queguaiya 嗷嗷,我还以为是我手机的问题,谢谢大佬
    High99
  • Lu9693 1 评论

    文件名栏有问题,文件名间的间隔大小不一。
    image.png

    该问题已经定位,下个版本就会修复
    queguaiya
  • Lu9693

    文档树这三个字只剩下半个“树”了
    image.png

  • alchimean

    一直在用,期待 Q 配置能有直接勾选的方案出来,加油。

  • Leon2923 via macOS

    戳中我的痛点, 不同级别的标题使用不同的颜色

  • cspykzz 1 评论

    就是在搜索界面往下翻看时,后面的文章标题在到达第一个文章标题位置时,会全部在这里重叠在一起,在这里会累积密密麻麻的文字。

    我这里不能复现这个问题,是否排除插件或者其他代码片段的影响?方便给个截图或者录频吗
    queguaiya
  • cspykzz 1 评论

    图片,这个论坛怎么上传图片,点了选了上传图片但没效果,还有做什么步骤吗

    刚刚更新了你的最新版还是不行,把其他的插件都进了,也没效果。但是恢复默认的主题再去再搜索就不会有这种现象了。就是往下翻下面搜索出来的内容列表时,下面的搜索出来内容的标题到达第 1 行(搜索出来的第一个标题内容)的时候,下面的标题文字会累积越来越多都集中在第 1 行,然后再往回滑的时候标题就会越来越少,最后就只剩第 1 行标题的内容了。

    真是奇怪,你是稳定触发这个 bug 吗,我怎么试都不会出现这种情况,上传图片点了以后要等一会上传
    queguaiya
  • cspykzz

    搜索资源文件的那个搜索界面翻动不会有这个问题。但是在普通搜索的那个界面有这个问题,翻动,文字会重叠和不重叠

  • windbyside 8 评论

    主题很不错,但是有个问题,就是更换不同的主题,前一个主题的字体颜色等设置,可能主题之间不兼容,单独设置了颜色的字完全看不到,所以导致没办法更换主题。

    1 回复
    这个是之前主题的问题,即使不是换成 QYL 主题,就算换回默认主题也会出现这种情况,没有办法解决。QYL 主题已经尽量不更改任何文字配色了,就是为了防止这种情况
    queguaiya
    另外我提供一个减少这种困扰的小技巧,使用主题时文字尽量不要设置成最后一个颜色(因为最后一个颜色软件默认的是与编辑器背景色相同的颜色,别的主题如果把这个颜色改了,你换成其他主题就容易导致文字看不见)
    queguaiya
    @queguaiya 好的,谢谢
    windbyside
    @queguaiya 还有个请求,现在有隐藏顶栏功能,我想求一个合并顶栏功能,即标签栏和顶栏的融合
    windbyside
    短期内没有计划,如果迫切需要此功能,可使用 Asri 或者 Savor 主题
    queguaiya
    @queguaiya 好吧。慢慢适应
    windbyside
    @windbyside 已实现此功能
    queguaiya
    @queguaiya 感谢感谢,非常喜欢
    windbyside
  • linliesiyuan

    使用过的最好看最棒的注意,加油!

  • Matttttt 1 评论

    请问怎么保存勾选的配置?退出后重新进变回默认了

    请查看主题介绍页面的说明
    queguaiya
  • FACAI8 1 评论

    我加了 CSS,这是我现在最喜欢的主题image.png

    3 回复
    好滴好滴
    FACAI8
  • 真的非常棒,颜值和功能都在线

  • zxkmm 1 赞同 4 评论

    缩进线的方案很聪明耶,比我的好很多。

    不过这样的缺点是在有的屏幕上有的宽有的窄。

    我昨天把我的方案造成的思源的滚动问题修了一下,等我下一版发版后(如果你愿意的话)欢迎用我的方案

    image.png

    image.png

    引用:

    https://github.com/zxkmm/siyuan_doctree_compress/blob/42543a86c4521d6f848d0bb6a2118b2d4a09430b/src/style_injection.ts#L179 (我这版用 AI 自动续写 css 结果 AI 把像素算错了所以有点漂移)

    感谢分享,您这个方案我之前有尝试过,但我发现强行把 ul 的 position 改成 relative 会导致“定位打开的文档”这个功能出现异常
    queguaiya
    当文档很多以至于需要向下滑动时,随便打开一个靠后面的文档,然后把文档树滑到最前面,这个时候定位文档不会跳转过去
    queguaiya
  • yoehek

    集市里有个叫配色方案的插件,可以固定住颜色,更换主题不影响

    1 回复
  • yoehek

    真好看啊

  • windbyside

    谢谢,我去看一下。感谢

  • yoehek 1 评论

    请教一下应该怎么操作啊,我看了主题里的说明也不会操作 😭

    1 回复
    看我后面更正后的方法
    veryzhh
  • veryzhh 3 评论

    2025-03-11:最新版 QYL 主题已经可以自动保存配置,不用再做以下操作了。


    修改默认配置的方法

    • 【更正正确的方法】
      • 打开【设置】→【外观】→“通过代码片段对界面或功能进行微调”右边的【设置】→ 弹窗右上【JS】。
      • 点【+】,将需要的配置复制粘贴到下面一个长方框里(上面一个方框起个名字)
        • 注意:明、暗的风格代码,只能各贴一个。
        • 建议:隐藏顶档的代码,最好不要贴,需要时手动勾选。

    image.png

    image.png

    QYL 主题全部配置

    //以下11条为明暗通用配置 //默认开启标记挖空 setTimeout(() => {isChecked1 = true; enableMarkStyles();}, 100); //默认开启文档树缩进线 setTimeout(() => {isChecked2 = true; enableIndentStyle();}, 100); //默认开启隐藏顶栏 setTimeout(() => {isChecked3 = true; enabletoolbarhidden();}, 100); //默认开启鼠标所在块高亮提示 setTimeout(() => {isChecked4 = true; enablehoverblockremind();}, 100); //默认开启鼠标所在超级块高亮提示 setTimeout(() => {isChecked5 = true; enablesbremind();}, 100); //默认开启编辑器全宽显示 setTimeout(() => {isChecked6 = true; enablefullwidth();}, 100); //默认关闭聚焦块高亮提示 setTimeout(() => {isChecked8 = true; enablecanclefocusblockremind();}, 100); //默认开启多彩文档树 setTimeout(() => {isChecked7 = true; enablecolorfulfiletree();}, 100); //默认关闭主题动画 setTimeout(() => {isChecked9 = true; enablecancleQYLanimation();}, 2000); //默认开启毛玻璃效果 setTimeout(() => {isChecked10 = true; enableQYLAero();}, 100); //默认关闭多彩标签和多彩行级代码 setTimeout(() => {isChecked11 = true; enablecancleQYLcolorfultag();}, 100); //以下6条为明亮主题风格(6选1) //默认使用夕阳配色 setTimeout(() => {isChecked12 = true; enableQYLsunset();}, 100); //默认使用森林配色 setTimeout(() => {isChecked13 = true; enableQYLforest();}, 100); //默认使用海洋配色 setTimeout(() => {isChecked14 = true; enableQYLocean();}, 100); //默认使用糖果配色 setTimeout(() => {isChecked15 = true; enableQYLsugar();}, 100); //默认使用薰衣草配色 setTimeout(() => {isChecked16 = true; enableQYLlavender();}, 100); //默认使用云雾配色 setTimeout(() => {isChecked17 = true; enableQYLfog();}, 100); //以下4条为暗黑主题风格(4选1) //默认使用勃艮第配色 setTimeout(() => {isChecked12 = true; enableQYLburgundy();}, 100); //默认使用玄青配色 setTimeout(() => {isChecked13 = true; enableQYLxuanqing();}, 100); //默认使用墨翠配色 setTimeout(() => {isChecked14 = true; enableQYLmocui();}, 100); //默认使用灰幕配色 setTimeout(() => {isChecked15 = true; enableQYLhuimu();}, 100);
    1 回复
    5 操作
    veryzhh 在 2025-03-11 14:49:16 更新了该回帖
    veryzhh 在 2025-03-06 17:24:45 更新了该回帖
    veryzhh 在 2025-03-06 17:23:10 更新了该回帖
    veryzhh 在 2025-03-06 15:35:25 更新了该回帖 veryzhh 在 2025-03-06 15:34:44 更新了该回帖
    更简单的方法是,设置-外观-代码片段-JS,然后把代码粘贴进去开启即刻 ,这样主题更新也还在,而且可以跨设备保存
    queguaiya 1
    @queguaiya 原来这样也可以,我还以为要加到 js 文件里。
    veryzhh
    @veryzhh 不用的,如果必须加到 js 文件就太麻烦了
    queguaiya
  • yoehek

    谢谢,学到了 😄

  • yoehek

    能分享下代码吗,我也想用 😄

  • 伟大的主题,无需多言 ❤️ ❤️

  • FACAI78

    已经跟新到我主页帖子了

  • 1438053535 1 赞同 2 评论

    斜杠菜单“微调后”一直在用的插件栏直接挤到菜单第二页去了...有办法调回来或者自定义斜杠菜单吗?

    确实,这样很不方便,因为插件栏才是最常用的。
    veryzhh
    下个版本回调
    queguaiya
  • queguaiya

    2.5.6 版本的 Q 按钮配置将自动保存,无需代码片段 👌

    1 回复
  • Csaba

    必须支持一下,这是最满意的主题! 而且电脑端和手机端都适配!

  • Shorpa

    支持!回坑思源的一大动力就是这个主题了,作者太强了

  • MasterYS 7 评论

    有几个问题想要问下:

    1.为什么阅读模式下,复制到公众号的时候,会丢失样式啊,写味主题不会,能参考嘛?

    2.块自定义字体里面的字体,能自己添加嘛?为什么我修改成我电脑自带的字体,不生效?

    1.具体是什么样式? 2.你想要菜单里出现你需要的字体吗?还是只是想引入你本机的字体
    queguaiya
    @queguaiya 1.比如说警告样式,左蓝边框样式这种,复制到公众号也生效 2.我是想出现我本机的字体,我直接改自定义属性,输入我本机存在的字体名称,不生效
    MasterYS
    这类样式是自定义属性的 css 实现的,只支持导出,不支持别的平台,字体这个,理论上你修改以后 虽然菜单里不会出现,但你手动设置自定义属性是可以生效的,前提是你的字体名字要写对(要提前写到 css 里 你直接改属性值肯定是不会生效的)
    queguaiya
    @queguaiya 写到哪个 CSS 里面啊?格式是怎样啊,纯小白
    MasterYS
    是什么字体?
    queguaiya
    @queguaiya 寒蝉手拙体,得意黑,余繁新语
    MasterYS
    这个要用开发者模式看看字体名,你在编辑器设置字体那里 看看这几个字体的名字(就是 font-family 那里要填的内容)
    queguaiya
  • MasterYS

    图片.png我看了啊,名字就是对的啊,CSS 文件在电脑的位置在哪里啊?我修改自定义属性不生效。是不是就是你说的 CSS 没改

    1 回复
  • queguaiya 1 1 赞同 2 评论

    把下面的 css 加到代码片段

    [custom-font-family="寒蝉手拙体"] { font-family: "寒蝉手拙体"; } [custom-font-family="得意黑"] { font-family: "得意黑"; } [custom-font-family="余繁新语"]{ font-family: "余繁新语"; }
    懂了,原来是加到片段里,我以为是要加到主题哪个 CSS 里
    MasterYS
    你的主题,真的是太棒了!忍不住再感谢一下
    MasterYS
  • CongSec 1 评论

    希望可以把代码块这两边的空白间隙去除,参考 csdn 那个样式感觉更简洁点

    image.png

    优化了一下上面的间隙,下面不能去除,不然上下不对称很丑
    queguaiya
请输入回帖内容 ...

推荐标签 标签

  • OneNote
    1 引用 • 3 回帖 • 1 关注
  • 域名

    域名(Domain Name),简称域名、网域,是由一串用点分隔的名字组成的 Internet 上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位(有时也指地理位置)。

    43 引用 • 208 回帖 • 1 关注
  • Postman

    Postman 是一款简单好用的 HTTP API 调试工具。

    4 引用 • 3 回帖 • 3 关注
  • Jenkins

    Jenkins 是一套开源的持续集成工具。它提供了非常丰富的插件,让构建、部署、自动化集成项目变得简单易用。

    54 引用 • 37 回帖 • 3 关注
  • 30Seconds

    📙 前端知识精选集,包含 HTML、CSS、JavaScript、React、Node、安全等方面,每天仅需 30 秒。

    • 精选常见面试题,帮助您准备下一次面试
    • 精选常见交互,帮助您拥有简洁酷炫的站点
    • 精选有用的 React 片段,帮助你获取最佳实践
    • 精选常见代码集,帮助您提高打码效率
    • 整理前端界的最新资讯,邀您一同探索新世界
    488 引用 • 384 回帖 • 5 关注
  • jsoup

    jsoup 是一款 Java 的 HTML 解析器,可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API,可通过 DOM,CSS 以及类似于 jQuery 的操作方法来取出和操作数据。

    6 引用 • 1 回帖 • 489 关注
  • InfluxDB

    InfluxDB 是一个开源的没有外部依赖的时间序列数据库。适用于记录度量,事件及实时分析。

    2 引用 • 96 关注
  • Ubuntu

    Ubuntu(友帮拓、优般图、乌班图)是一个以桌面应用为主的 Linux 操作系统,其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词,意思是“人性”、“我的存在是因为大家的存在”,是非洲传统的一种价值观,类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    127 引用 • 169 回帖
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言,是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3201 引用 • 8216 回帖
  • Follow
    4 引用 • 12 回帖 • 3 关注
  • 大疆创新

    深圳市大疆创新科技有限公司(DJI-Innovations,简称 DJI),成立于 2006 年,是全球领先的无人飞行器控制系统及无人机解决方案的研发和生产商,客户遍布全球 100 多个国家。通过持续的创新,大疆致力于为无人机工业、行业用户以及专业航拍应用提供性能最强、体验最佳的革命性智能飞控产品和解决方案。

    2 引用 • 14 回帖
  • AngularJS

    AngularJS 诞生于 2009 年,由 Misko Hevery 等人创建,后为 Google 所收购。是一款优秀的前端 JS 框架,已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 510 关注
  • FFmpeg

    FFmpeg 是一套可以用来记录、转换数字音频、视频,并能将其转化为流的开源计算机程序。

    23 引用 • 32 回帖 • 2 关注
  • 招聘

    哪里都缺人,哪里都不缺人。

    188 引用 • 1057 回帖
  • IPFS

    IPFS(InterPlanetary File System,星际文件系统)是永久的、去中心化保存和共享文件的方法,这是一种内容可寻址、版本化、点对点超媒体的分布式协议。请浏览 IPFS 入门笔记了解更多细节。

    20 引用 • 245 回帖 • 230 关注
  • B3log

    B3log 是一个开源组织,名字来源于“Bulletin Board Blog”缩写,目标是将独立博客与论坛结合,形成一种新的网络社区体验,详细请看 B3log 构思。目前 B3log 已经开源了多款产品:SymSoloVditor思源笔记

    1063 引用 • 3455 回帖 • 152 关注
  • Gitea

    Gitea 是一个开源社区驱动的轻量级代码托管解决方案,后端采用 Go 编写,采用 MIT 许可证。

    5 引用 • 16 回帖 • 1 关注
  • WebClipper

    Web Clipper 是一款浏览器剪藏扩展,它可以帮助你把网页内容剪藏到本地。

    3 引用 • 9 回帖
  • 快应用

    快应用 是基于手机硬件平台的新型应用形态;标准是由主流手机厂商组成的快应用联盟联合制定;快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台;以平台化的生态模式对个人开发者和企业开发者全品类开放。

    15 引用 • 127 回帖 • 3 关注
  • Quicker

    Quicker 您的指尖工具箱!操作更少,收获更多!

    37 引用 • 157 回帖
  • TGIF

    Thank God It's Friday! 感谢老天,总算到星期五啦!

    291 引用 • 4495 回帖 • 661 关注
  • OpenStack

    OpenStack 是一个云操作系统,通过数据中心可控制大型的计算、存储、网络等资源池。所有的管理通过前端界面管理员就可以完成,同样也可以通过 Web 接口让最终用户部署资源。

    10 引用
  • etcd

    etcd 是一个分布式、高可用的 key-value 数据存储,专门用于在分布式系统中保存关键数据。

    6 引用 • 26 回帖 • 544 关注
  • 锤子科技

    锤子科技(Smartisan)成立于 2012 年 5 月,是一家制造移动互联网终端设备的公司,公司的使命是用完美主义的工匠精神,打造用户体验一流的数码消费类产品(智能手机为主),改善人们的生活质量。

    4 引用 • 31 回帖
  • 叶归
    10 引用 • 47 回帖 • 20 关注
  • Tomcat

    Tomcat 最早是由 Sun Microsystems 开发的一个 Servlet 容器,在 1999 年被捐献给 ASF(Apache Software Foundation),隶属于 Jakarta 项目,现在已经独立为一个顶级项目。Tomcat 主要实现了 JavaEE 中的 Servlet、JSP 规范,同时也提供 HTTP 服务,是市场上非常流行的 Java Web 容器。

    162 引用 • 529 回帖 • 3 关注
  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据。 这种动作(网页浏览,搜索和其他用户的行动)是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    36 引用 • 35 回帖