[提议] 增加公共主题 css 文件, 无论使用哪个主题, 该 css 都会生效

目前修改 css 只能针对特定主题,

但是有些 css 希望能在所有主题中都生效,

因此建议增加一个公共的 theme.css 文件,比如位于

SiYuan\conf\appearance\themes\theme.css

同时建议增加一个选项,用来控制全局 css 是否生效,用于在体验主题时防止外部 css 干扰,等到对主题满意之后,可以再启用生效,对所有主题进行统一魔改

是否支持?

单选 不公开 将于 2022-10-17 12:37:00 结束 29 票
yes
93% 27 票
no
6% 2 票
随意
0% 0 票

1 操作
iamqiz 在 2022-09-18 15:35:06 更新了该帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • Zhangwuji
    订阅者

    很好的建议,不过部分主题作者之前已经达成了一致,比如 dark+ 主题,OneNote 主题,主题文件夹里边都有一个名称为 custom.css 的文件,把这个文件放在 SiYuan\data\widgets 路径下,所有的修改都可以生效,并且主题更新也不会覆盖这些自定义修改,另外还可以多端同步。如果你正在使用的主题其主题文件夹里边没有 custom.css 文件,说明该主题作者没有在自己的主题中引入这个文件,这样修改不会在这个主题中生效。

    1 回复
  • iamqiz 1 1 赞同 4 评论
    订阅者 作者

    官方支持最好了,不需要每个主题作者特意去支持了,

    dark+ 的这个 css 文件我知道,当时还纳闷为啥放 data/widgets 里,现在懂了是为了同步,但放 widget 里容易让人迷惑.

    放在 data 外面也有好处,就是不同平台可以有不同的 css,比如电脑端和手机端,因为不参与同步,所以互不影响

    所以一个兼顾的方案可以这样:

    data 外面和 data 里面各有一个公共 css 文件,名为 theme.css 或 custom.css ,

    data 里面用于多平台同步,data 外面用于各平台定制,但不能同步

    同时 data 里面增加各个平台定制的 css 文件,命名为 theme-< 平台名称 >.css ,

    加载顺序 为

    • data 内 theme.css
    • data 内 theme-< 平台名称 >.css ,根据平台选择性加载
    • data 外 theme.css
    1 操作
    iamqiz 在 2022-09-18 15:10:55 更新了该回帖
    其实不用为各个平台定制样式, 因为通过 #editor 选择器就可以区分移动端界面与桌面端(Web 端)界面了
    shuoying
    @shuoying 萌佬厉害呀,来个 demo😃 思源系统自带 css 是按 app/desktop/mobile 三个目录区分的,所以我就想到按文件名进行区分了,能通过选择器区分很 nice
    iamqiz
    @iamqiz 可以使用桌面浏览器访问 http://localhost:6806/stage/build/mobile 调试移动端的样式
    shuoying
    @shuoying 懂了,多了个 id=editor,拴 Q🤗
    iamqiz
  • Ultramarine
    支持者 订阅者

    支持 css 和 js 主题代码片段,可以不依赖主题就启用

  • iamqiz 1 评论
    订阅者 作者

    @Vanessa

    @88250

    顺便支持下公共 js 文件? 光有 css 没 js ,可定制性也不够高 😳

    Issue #5066 · siyuan-note/siyuan 这个搁置了,等反链面板改完就写
    Vanessa 1 赞同
融合块、大纲和双向链接
构建你永恒的数字花园
思源笔记是一款本地优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步

推荐标签 标签

  • etcd

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

    5 引用 • 26 回帖 • 484 关注
  • golang

    Go 语言是 Google 推出的一种全新的编程语言,可以在不损失应用程序性能的情况下降低代码的复杂性。谷歌首席软件工程师罗布派克(Rob Pike)说:我们之所以开发 Go,是因为过去 10 多年间软件开发的难度令人沮丧。Go 是谷歌 2009 发布的第二款编程语言。

    484 引用 • 1384 回帖 • 522 关注
  • 知乎

    知乎是网络问答社区,连接各行各业的用户。用户分享着彼此的知识、经验和见解,为中文互联网源源不断地提供多种多样的信息。

    10 引用 • 66 回帖
  • SpaceVim

    SpaceVim 是一个社区驱动的模块化 vim/neovim 配置集合,以模块的方式组织管理插件以
    及相关配置,为不同的语言开发量身定制了相关的开发模块,该模块提供代码自动补全,
    语法检查、格式化、调试、REPL 等特性。用户仅需载入相关语言的模块即可得到一个开箱
    即用的 Vim-IDE。

    4 引用 • 31 回帖 • 41 关注
  • 房星科技

    房星网,我们不和没有钱的程序员谈理想,我们要让程序员又有理想又有钱。我们有雄厚的房地产行业线下资源,遍布昆明全城的 100 家门店、四千地产经纪人是我们坚实的后盾。

    6 引用 • 141 回帖 • 488 关注
  • Unity

    Unity 是由 Unity Technologies 开发的一个让开发者可以轻松创建诸如 2D、3D 多平台的综合型游戏开发工具,是一个全面整合的专业游戏引擎。

    21 引用 • 7 回帖 • 344 关注
  • 七牛云

    七牛云是国内领先的企业级公有云服务商,致力于打造以数据为核心的场景化 PaaS 服务。围绕富媒体场景,七牛先后推出了对象存储,融合 CDN 加速,数据通用处理,内容反垃圾服务,以及直播云服务等。

    23 引用 • 206 回帖 • 184 关注
  • 服务器

    服务器,也称伺服器,是提供计算服务的设备。由于服务器需要响应服务请求,并进行处理,因此一般来说服务器应具备承担服务并且保障服务的能力。

    122 引用 • 579 回帖 • 1 关注
  • abitmean

    有点意思就行了

    1 关注
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具,它能把各种资源,例如 JS、CSS(less/sass)、图片等都作为模块来使用和处理。

    41 引用 • 130 回帖 • 340 关注
  • SQLServer

    SQL Server 是由 [微软] 开发和推广的关系数据库管理系统(DBMS),它最初是由 微软、Sybase 和 Ashton-Tate 三家公司共同开发的,并于 1988 年推出了第一个 OS/2 版本。

    19 引用 • 31 回帖 • 1 关注
  • Telegram

    Telegram 是一个非盈利性、基于云端的即时消息服务。它提供了支持各大操作系统平台的开源的客户端,也提供了很多强大的 APIs 给开发者创建自己的客户端和机器人。

    7 引用 • 40 回帖 • 2 关注
  • 旅游

    希望你我能在旅途中找到人生的下一站。

    67 引用 • 881 回帖 • 151 关注
  • MyBatis

    MyBatis 本是 Apache 软件基金会 的一个开源项目 iBatis,2010 年这个项目由 Apache 软件基金会迁移到了 google code,并且改名为 MyBatis ,2013 年 11 月再次迁移到了 GitHub。

    168 引用 • 411 回帖 • 548 关注
  • 星云链

    星云链是一个开源公链,业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎,一个公链的所有功能,它基本都有,比如你可以用它来开发部署你的去中心化的 APP,你可以在上面编写智能合约,发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖 • 58 关注
  • RYMCU

    RYMCU 致力于打造一个即严谨又活泼、专业又不失有趣,为数百万人服务的开源嵌入式知识学习交流平台。

    4 引用 • 6 回帖 • 13 关注
  • Dubbo

    Dubbo 是一个分布式服务框架,致力于提供高性能和透明化的 RPC 远程服务调用方案,是 [阿里巴巴] SOA 服务化治理方案的核心框架,每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持,并被广泛应用于阿里巴巴集团的各成员站点。

    59 引用 • 82 回帖 • 569 关注
  • API

    应用程序编程接口(Application Programming Interface)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。

    73 引用 • 397 回帖 • 3 关注
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    700 引用 • 1147 回帖 • 465 关注
  • 博客

    记录并分享人生的经历。

    262 引用 • 2367 回帖
  • 黑曜石

    黑曜石是一款强大的知识库工具,支持本地 Markdown 文件编辑,支持双向链接和关系图。

    A second brain, for you, forever.

    6 引用 • 24 回帖
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    194 引用 • 354 回帖 • 191 关注
  • Typecho

    Typecho 是一款博客程序,它在 GPLv2 许可证下发行,基于 PHP 构建,可以运行在各种平台上,支持多种数据库(MySQL、PostgreSQL、SQLite)。

    11 引用 • 52 回帖 • 497 关注
  • H2

    H2 是一个开源的嵌入式数据库引擎,采用 Java 语言编写,不受平台的限制,同时 H2 提供了一个十分方便的 web 控制台用于操作和管理数据库内容。H2 还提供兼容模式,可以兼容一些主流的数据库,因此采用 H2 作为开发期的数据库非常方便。

    11 引用 • 54 回帖 • 587 关注
  • IDEA

    IDEA 全称 IntelliJ IDEA,是一款 Java 语言开发的集成环境,在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品,这家公司总部位于捷克共和国的首都布拉格,开发人员以严谨著称的东欧程序员为主。

    172 引用 • 398 回帖 • 107 关注
  • 30Seconds

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

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

    OkHttp 是一款 HTTP & HTTP/2 客户端库,专为 Android 和 Java 应用打造。

    16 引用 • 6 回帖 • 35 关注