能不能出一个 CSS 修改的图形界面(免写代码)?(投票)

本贴最后更新于 285 天前,其中的信息可能已经东海扬尘

在「设置」➡️ 「外观」里把所有的元素的排版效果用图形界面点选设置能不能实现?代码片段太麻烦了。

像标题、正文、图片、表格等元素的上下左右居中对齐,字体字号加粗背景颜色的选择,容器边距的设置,这些设置做成图形界面可不可以?

你需要一个自由修改 CSS 的图形界面插件吗?

单选 不公开 永不结束 26 票
需要
53% 14 票
无所谓
11% 3 票
不需要
34% 9 票

  • 思源笔记

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

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

    19545 引用 • 74329 回帖 • 2 关注
4 操作
xnyshu 在 2023-09-02 13:24:33 更新了该帖
xnyshu 在 2023-09-02 13:13:16 置顶了该帖
xnyshu 在 2023-09-02 13:10:37 更新了该帖
xnyshu 在 2023-08-31 14:46:44 置顶了该帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 目前来说,手动添加片段再配上 quickSnippets 插件,我感觉已经足够方便了

    另外这个“图形界面”具体是什么意思呢?

    2 回复
  • xnyshu

    直接在设置外观页面做几个选项,鼠标点点就解决。

    1 回复
  • 用思源笔记毕竟是靠 Markdown 格式来排版的,这些基本没有必要,需要什么效果靠代码片段实现就好了

    2 回复
  • yl323

    要考虑到,绝大多数人是不会代码的

    1 回复
  • xnyshu

    我说的是预设的默认设置。

    1 回复
  • 我不太理解“预设”是什么意思,我的理解是样式按正常的所见即所得的 Markdown 那样显示

  • 我也不会写代码,都是直接用现成的。想实现什么功能搜不到现成的,社区或者群里也会有懂代码的大哥愿意帮忙

  • GloR 1 赞同 1 评论

    猜他是想要 obsidian 这样的完全体图形界面:

    image.png

    3 回复
    思源有 theme-editor 插件。
    chenshinshi
  • xnyshu

    差不多就是这样,参数全用下拉选单鼠标选取。不想系统学习 CSS 的普通用户肯定需要这个,能轻松自己排版获得自己喜欢的视觉效果,肯定更受欢迎。

  • 这种的话可能得看有没有大佬愿意写个插件或者主题了,感觉现在的功能开发都忙不过来,边边角角的地方更顾不上了。

  • StarDustSheep

    思源里的元素太多了,能影响元素的属性也多如牛毛,很难做一个界面让大多数用户都能调整“自己觉得很有必要能调整的地方”,对于不懂决定样式的 CSS 代码的人来讲,可能觉得修改段距、行距在思源里是个很简单的事。但实际用 CSS 去修改它,需要正确的“选择器”(CSS 概念),如果选择器没匹配好,选取的元素的范围就超过或小于用户实际期望的范围。要把视觉上觉得很简单就能分明白的样式在代码上分开调整,需要逻辑严密的选择器,以防止修改属性后影响到了期望之外的元素。

    思源曾经有过可以修改预设变量属性的功能,但由于这个功能和主题冲突比较多,所以后来去掉了。

    1 回复
  • StarDustSheep 1 赞同

    你说的标题、正文、图片、表格等元素的对齐,能在块菜单中找到选项去调整对齐方式image.png。如果你想要快速调整的话可以多用用快捷键。字号调整的话也能分别从部分文字和整块文字去调整大小,现在版本的思源也提供了 ctrl+ 滚轮快速缩放编辑器内字号的功能。

    字色和背景色这个还是使用插件吧,思源默认的那 13 个字色和 13 个背景色是我一直吐槽的对象,看样子他们为了考虑老用户的沉没成本也不敢去修改。

    1 回复
  • zxhd86 1 赞同

    插件主题编辑器,差不多够用,还有更高要求不学 css 是不可能的,简单来说,思源并不是一个功能强大的富文本编辑器,要求非常赏心悦目的完全样式控制是超出它的能力范围。

    1 回复
  • xnyshu

    每个人喜欢的默认样式都是有所不同的,默认设置就是为了不用每次都改来改去。

  • xnyshu

    兼容一定程度的富文本特性是必要的,尤其是表格,思源的表格太简单了。

    1 回复
  • xnyshu

    主题不是最终解决之道,人总是多少有一点个性化的需求。

    1 回复
  • niop

    插件里面有个 自定义块样式,可以直接为单独的块添加 css,
    background: linear-gradient(to right, blue, violet); text-align: center; width: 800px;

    image.png

  • xnyshu

    希望思源能有这种插件。

  • GloR

    不过最近我已经在疯狂魔改自用主题了哈哈哈,css 有一部分是小白也能会的操作,所以那一部分还是能搞得来的。但是更高级的,比如随题头图智能切换的毛玻璃效果,就不太会了

  • 答案是不行,要 md 就别想富文本表格,除非改掉表格的储存。支持单元格合并已经有点风险,且超出很多 md 笔记了

    1 回复
  • D 大可能没有时间做这样的功能。

  • Yylicon 1 赞同

    我不太明白,思源已经是富文本了,为啥还非要纠结迁移,保留着纯文本功能简陋的缺点,富文本明明可以把功能做的很好,比如说表格,纯文本表格那都不是人用的,富文本能合并单元格,填充颜色啥的不好吗,不如放弃 md 迁移情结,好好打磨功能和交互

    1 回复
  • 5Z4Uo6oGvKPB7o 1 赞同

    我不会代码,一般简单的修改,我是让 chatgpt 帮我写代码的。

    上次看到一个人提问怎么把文档标题隐藏,想到不久前有个帖子是把标题居中。

    于是我就把标题居中的代码发给 chatgpt,让它参考,写出隐藏标题的代码。写出来的代码是可用的。

    这两天在尝试使用 anki,里面模板的代码我也不会,还是让 chatgpt 写的。如果有兴趣可以试一试。

    image.png

  • 额,我的表述存在问题,重点其实是储存,不是 md。其实合并单元格出现后导出 md 就别想无损了。

    思源的表格不是为这样的富文本特性设计的,所以动起来有点复杂。

    1 回复
  • Yylicon 1 赞同

    是的,语雀的表格就是功能很强大,但是导出 markdown 文件后会有很多私有的标记符在别的软件里没法渲染出来,应该就是有损的意思。本地软件已经足够安全了外加又是开源,还是不要为了迁移性去用 markdown 表格了,但是现在看来思源表格就是考虑到迁移性而放弃功能性的设计,设计的问题估计没啥改造的希望了

    1 回复
  • 理想很丰满,现实很骨感,CSS 或 JS 的代码效果想通过几个配置就实现,想的也太过于简单了。

    如果 D 大能实现,我觉得可以申请专利,顺便竞争下诺贝尔奖

  • chenshinshi

    請您嘗試下 theme editor 插件。

    因爲我會寫主題所以不需要這款插件輔助,無法分享這款插件的使用方法。

  • xnyshu 1 赞同

    可以在设置里给一个选项,让用户自己选择是否在意迁移性。

  • 反驳及原因

    CSS 语法并不难,思源笔记的样式自定制已经很方便了,不会代码就学,不想学就用主题集市里面提供的。

    大部分的同类软件都没有原生支持图形界面改主题样式的,一方面是前端的元素变动很大,而思源笔记开发迭代又很快,我记得 22 年的时候其实是有这种挂件开发出来的,后来就没维护了;另一方面是这类低代码的工具,一般也不会支持很高级的 CSS 样式定制,也就调一调颜色、尺寸、圆角、阴影这些(关键这些太简单以至于你自己摸索个把小时就能学会),真想搞出风格肯定是自己去写、自己去查 css 的各种高级语法和用法。

    建议

    建议先在链滴社区搜索 css 把所有片段都学习一遍,有自定义需求的可以在「设置」-「外观」-「代码片段」里自行添加。

    另外推荐一些美化相关的参考资料:

    补充

    我刚看了下思源的插件,不是有 themeEditor 编辑创建主题、quicksnippets 快速切换代码片段、配色方案 调整字体显示了嘛,我想应该能满足你低代码调整 css 的需求了。

  • lifthrasir

    我不懂电脑,但是思源是用 json 储存的。json 是不是就已经算富文本了?

  • 复杂度太大,鉴定为,不可行

请输入回帖内容 ...

推荐标签 标签

  • SSL

    SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    69 引用 • 190 回帖 • 492 关注
  • Tomcat

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

    162 引用 • 529 回帖
  • BookxNote

    BookxNote 是一款全新的电子书学习工具,助力您的学习与思考,让您的大脑更高效的记忆。

    笔记整理交给我,一心只读圣贤书。

    1 引用 • 1 回帖
  • CentOS

    CentOS(Community Enterprise Operating System)是 Linux 发行版之一,它是来自于 Red Hat Enterprise Linux 依照开放源代码规定释出的源代码所编译而成。由于出自同样的源代码,因此有些要求高度稳定的服务器以 CentOS 替代商业版的 Red Hat Enterprise Linux 使用。两者的不同在于 CentOS 并不包含封闭源代码软件。

    238 引用 • 224 回帖
  • sts
    2 引用 • 2 回帖 • 158 关注
  • FFmpeg

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

    22 引用 • 31 回帖 • 9 关注
  • 快应用

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

    15 引用 • 127 回帖 • 2 关注
  • JSON

    JSON (JavaScript Object Notation)是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。

    51 引用 • 190 回帖
  • 面试

    面试造航母,上班拧螺丝。多面试,少加班。

    324 引用 • 1395 回帖
  • Flume

    Flume 是一套分布式的、可靠的,可用于有效地收集、聚合和搬运大量日志数据的服务架构。

    9 引用 • 6 回帖 • 608 关注
  • PHP

    PHP(Hypertext Preprocessor)是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点,主要适用于 Web 开发领域,据说是世界上最好的编程语言。

    165 引用 • 407 回帖 • 523 关注
  • 禅道

    禅道是一款国产的开源项目管理软件,她的核心管理思想基于敏捷方法 scrum,内置了产品管理和项目管理,同时又根据国内研发现状补充了测试管理、计划管理、发布管理、文档管理、事务管理等功能,在一个软件中就可以将软件研发中的需求、任务、bug、用例、计划、发布等要素有序的跟踪管理起来,完整地覆盖了项目管理的核心流程。

    5 引用 • 15 回帖 • 194 关注
  • ReactiveX

    ReactiveX 是一个专注于异步编程与控制可观察数据(或者事件)流的 API。它组合了观察者模式,迭代器模式和函数式编程的优秀思想。

    1 引用 • 2 回帖 • 134 关注
  • 域名

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

    43 引用 • 208 回帖 • 3 关注
  • 开源中国

    开源中国是目前中国最大的开源技术社区。传播开源的理念,推广开源项目,为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。目前开源中国社区已收录超过两万款开源软件。

    7 引用 • 86 回帖
  • ngrok

    ngrok 是一个反向代理,通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。

    7 引用 • 63 回帖 • 602 关注
  • NetBeans

    NetBeans 是一个始于 1997 年的 Xelfi 计划,本身是捷克布拉格查理大学的数学及物理学院的学生计划。此计划延伸而成立了一家公司进而发展这个商用版本的 NetBeans IDE,直到 1999 年 Sun 买下此公司。Sun 于次年(2000 年)六月将 NetBeans IDE 开源,直到现在 NetBeans 的社群依然持续增长。

    78 引用 • 102 回帖 • 644 关注
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    6807 引用 • 30635 回帖 • 242 关注
  • Spring

    Spring 是一个开源框架,是于 2003 年兴起的一个轻量级的 Java 开发框架,由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构,分层架构允许使用者选择使用哪一个组件,同时为 JavaEE 应用程序开发提供集成的框架。

    941 引用 • 1458 回帖 • 127 关注
  • Gzip

    gzip (GNU zip)是 GNU 自由软件的文件压缩程序。我们在 Linux 中经常会用到后缀为 .gz 的文件,它们就是 Gzip 格式的。现今已经成为互联网上使用非常普遍的一种数据压缩格式,或者说一种文件格式。

    9 引用 • 12 回帖 • 123 关注
  • GitHub

    GitHub 于 2008 年上线,目前,除了 Git 代码仓库托管及基本的 Web 管理界面以外,还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱(报表)、代码片段分享(Gist)等功能。正因为这些功能所提供的便利,又经过长期的积累,GitHub 的用户活跃度很高,在开源世界里享有深远的声望,并形成了社交化编程文化(Social Coding)。

    207 引用 • 2031 回帖
  • 阿里巴巴

    阿里巴巴网络技术有限公司(简称:阿里巴巴集团)是以曾担任英语教师的马云为首的 18 人,于 1999 年在中国杭州创立,他们相信互联网能够创造公平的竞争环境,让小企业通过创新与科技扩展业务,并在参与国内或全球市场竞争时处于更有利的位置。

    43 引用 • 221 回帖 • 212 关注
  • JRebel

    JRebel 是一款 Java 虚拟机插件,它使得 Java 程序员能在不进行重部署的情况下,即时看到代码的改变对一个应用程序带来的影响。

    26 引用 • 78 回帖 • 627 关注
  • 反馈

    Communication channel for makers and users.

    124 引用 • 907 回帖 • 201 关注
  • 设计模式

    设计模式(Design pattern)代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    198 引用 • 120 回帖 • 1 关注
  • SMTP

    SMTP(Simple Mail Transfer Protocol)即简单邮件传输协议,它是一组用于由源地址到目的地址传送邮件的规则,由它来控制信件的中转方式。SMTP 协议属于 TCP/IP 协议簇,它帮助每台计算机在发送或中转信件时找到下一个目的地。

    4 引用 • 18 回帖 • 602 关注
  • Logseq

    Logseq 是一个隐私优先、开源的知识库工具。

    Logseq is a joyful, open-source outliner that works on top of local plain-text Markdown and Org-mode files. Use it to write, organize and share your thoughts, keep your to-do list, and build your own digital garden.

    4 引用 • 55 回帖