登录 注册

能不能出一个 CSS 修改的图形界面（免写代码）？（投票）

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

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

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

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

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

  • 思源笔记

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

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

    18970 引用 • 71161 回帖
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 置顶了该帖
武汉 位置
1 收藏
4 操作
31 回帖
2
2
2
1.6k 236 53 1.1k 34 26 166

相关帖子

31 回帖
能不能出一个 CSS 修改的图形界面（免写代码）？（投票）

欢迎来到这里！

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

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

    反驳及原因

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

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

    建议

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

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

    补充

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

  • 其他回帖
  • StarDustSheep • • 1 赞同

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

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

    1 回复
  • GloR • • 1 赞同 • 1 评论
    付费者

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

    image.png

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

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

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

    1 回复
  • 查看全部回帖
xnyshu
武汉
回帖
202
 帖子
77
 积分
2177

近期热议

推荐标签 标签

  • 心情

    心是产生任何想法的源泉，心本体会陷入到对自己本体不能理解的状态中，因为心能产生任何想法，不能分出对错，不能分出自己。

    59 引用 • 369 回帖
  • HTML

    HTML5 是 HTML 下一个的主要修订版本，现在仍处于发展阶段。广义论及 HTML5 时，实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

    103 引用 • 294 回帖
  • SMTP

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

    4 引用 • 18 回帖 • 593 关注
  • Swift

    Swift 是苹果于 2014 年 WWDC（苹果开发者大会）发布的开发语言，可与 Objective-C 共同运行于 Mac OS 和 iOS 平台，用于搭建基于苹果平台的应用程序。

    34 引用 • 37 回帖 • 497 关注
  • ngrok

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

    7 引用 • 63 回帖 • 601 关注
  • Latke

    Latke 是一款以 JSON 为主的 Java Web 框架。

    70 引用 • 532 回帖 • 717 关注
  • SSL

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

    69 引用 • 190 回帖 • 490 关注
  • 创造

    你创造的作品可能会帮助到很多人，如果是开源项目的话就更赞了！

    174 引用 • 990 回帖 • 1 关注
  • C

    C 语言是一门通用计算机编程语言，应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。

    83 引用 • 165 回帖 • 40 关注
  • Caddy

    Caddy 是一款默认自动启用 HTTPS 的 HTTP/2 Web 服务器。

    10 引用 • 54 回帖 • 129 关注
  • Kotlin

    Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言，由 JetBrains 设计开发并开源。Kotlin 可以编译成 Java 字节码，也可以编译成 JavaScript，方便在没有 JVM 的设备上运行。在 Google I/O 2017 中，Google 宣布 Kotlin 成为 Android 官方开发语言。

    19 引用 • 33 回帖 • 32 关注
  • 黑曜石

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

    A second brain, for you, forever.

    10 引用 • 86 回帖
  • PHP

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

    165 引用 • 407 回帖 • 525 关注
  • 知乎

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

    10 引用 • 66 回帖
  • Telegram

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

    5 引用 • 35 回帖
  • OkHttp

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

    16 引用 • 6 回帖 • 55 关注
  • Google

    Google（Google Inc.，NASDAQ：GOOG）是一家美国上市公司（公有股份公司），于 1998 年 9 月 7 日以私有股份公司的形式创立，设计并管理一个互联网搜索引擎。Google 公司的总部称作“Googleplex”，它位于加利福尼亚山景城。Google 目前被公认为是全球规模最大的搜索引擎，它提供了简单易用的免费服务。不作恶（Don't be evil）是谷歌公司的一项非正式的公司口号。

    49 引用 • 192 回帖
  • 导航

    各种网址链接、内容导航。

    37 引用 • 168 回帖 • 1 关注
  • wolai

    我来 wolai：不仅仅是未来的云端笔记！

    2 引用 • 14 回帖 • 3 关注
  • IPFS

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

    20 引用 • 245 回帖 • 233 关注
  • MyBatis

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

    170 引用 • 414 回帖 • 418 关注
  • Mobi.css

    Mobi.css is a lightweight, flexible CSS framework that focus on mobile.

    1 引用 • 6 回帖 • 699 关注
  • Angular

    Angular 是 AngularJS 的新版本。

    26 引用 • 66 回帖 • 509 关注
  • WebClipper

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

    3 引用 • 9 回帖 • 2 关注
  • IBM

    IBM（国际商业机器公司）或万国商业机器公司，简称 IBM（International Business Machines Corporation），总公司在纽约州阿蒙克市。1911 年托马斯·沃森创立于美国，是全球最大的信息技术和业务解决方案公司，拥有全球雇员 30 多万人，业务遍及 160 多个国家和地区。

    16 引用 • 53 回帖 • 125 关注
  • Pipe

    Pipe 是一款小而美的开源博客平台。Pipe 有着非常活跃的社区，可将文章作为帖子推送到社区，来自社区的回帖将作为博客评论进行联动（具体细节请浏览 B3log 构思 - 分布式社区网络）。

    这是一种全新的网络社区体验，让热爱记录和分享的你不再感到孤单！

    131 引用 • 1114 回帖 • 148 关注
  • 国际化

    i18n（其来源是英文单词 internationalization 的首末字符 i 和 n，18 为中间的字符数）是“国际化”的简称。对程序来说，国际化是指在不修改代码的情况下，能根据不同语言及地区显示相应的界面。

    7 引用 • 26 回帖 • 1 关注

最新标签