登录 注册

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

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

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

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

单选 • 不公开 • 永不结束 22 票
需要
50% • 11 票
无所谓
9% • 2 票
不需要
40% • 9 票

  • 思源笔记

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

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

    14897 引用 • 51735 回帖
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
355 196 4 78 10 11 56

相关帖子

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

欢迎来到这里！

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

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

    目前来说，手动添加片段再配上 quickSnippets 插件，我感觉已经足够方便了

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

    2 回复
  • xnyshu •
    支持者 作者

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

    1 回复
  • a2930610542 •
    付费者

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

    2 回复
  • yl323 •
    付费者

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

    1 回复
  • xnyshu •
    支持者 作者

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

    1 回复
  • a2930610542 •
    付费者

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

  • a2930610542 •
    付费者

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

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

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

    image.png

    3 回复
    思源有 theme-editor 插件。
    chenshinshi •
  • xnyshu •
    支持者 作者

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

  • a2930610542 •
    付费者

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

  • 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 有一部分是小白也能会的操作，所以那一部分还是能搞得来的。但是更高级的，比如随题头图智能切换的毛玻璃效果，就不太会了

  • zxhd86 •
    先知 订阅者

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

    1 回复
  • 8V9q7V • • 1 赞同
    勇士 捐赠者 支持者 订阅者

    D 大可能没有时间做这样的功能。

  • Yylicon • • 1 赞同
    付费者 订阅者

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

    1 回复
  • SYUSER001 • • 1 赞同
    付费者

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

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

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

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

    image.png

  • zxhd86 •
    先知 订阅者

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

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

    1 回复
  • Yylicon • • 1 赞同
    付费者 订阅者

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

    1 回复
  • Henmy •
    付费者 捐赠者 支持者 订阅者

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

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

  • chenshinshi •
    订阅者

    請您嘗試下 theme editor 插件。

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

  • xnyshu • • 1 赞同
    支持者 作者

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

  • PiChou •
    付费者 订阅者

    反驳及原因

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

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

    建议

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

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

    补充

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

  • lifthrasir •
    订阅者

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

  • openAI •
    订阅者

    复杂度太大，鉴定为，不可行

请输入回帖内容 ...
xnyshu
武汉
回帖
78
 帖子
20
 积分
5660

近期热议

推荐标签 标签

  • 前端

    前端技术一般分为前端设计和前端开发，前端设计可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括 HTML、CSS 以及 JavaScript 等。

    247 引用 • 1345 回帖 • 2 关注
  • MySQL

    MySQL 是一个关系型数据库管理系统，由瑞典 MySQL AB 公司开发，目前属于 Oracle 公司。MySQL 是最流行的关系型数据库管理系统之一。

    666 引用 • 533 回帖 • 19 关注
  • 支付宝

    支付宝是全球领先的独立第三方支付平台，致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验，及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖 • 1 关注
  • Python

    Python 是一种面向对象、直译式电脑编程语言，具有近二十年的发展历史，成熟且稳定。它包含了一组完善而且容易理解的标准库，能够轻松完成很多常见的任务。它的语法简捷和清晰，尽量使用无异义的英语单词，与其它大多数程序设计语言使用大括号不一样，它使用缩进来定义语句块。

    524 引用 • 669 回帖
  • SpaceVim

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

    3 引用 • 31 回帖 • 55 关注
  • PWA

    PWA（Progressive Web App）是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术，在网页应用中实现和原生应用相近的用户体验。

    14 引用 • 69 回帖 • 92 关注
  • WebComponents

    Web Components 是 W3C 定义的标准，它给了前端开发者扩展浏览器标签的能力，可以方便地定制可复用组件，更好的进行模块化开发，解放了前端开发者的生产力。

    1 引用 • 4 关注
  • Maven

    Maven 是基于项目对象模型（POM）、通过一小段描述信息来管理项目的构建、报告和文档的软件项目管理工具。

    185 引用 • 318 回帖 • 414 关注
  • Electron

    Electron 基于 Chromium 和 Node.js，让你可以使用 HTML、CSS 和 JavaScript 构建应用。它是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目，兼容 Mac、Windows 和 Linux，它构建的应用可在这三个操作系统上面运行。

    15 引用 • 136 回帖 • 4 关注
  • 数据库

    据说 99% 的性能瓶颈都在数据库。

    329 引用 • 604 回帖
  • Solo

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

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

    1415 引用 • 10020 回帖 • 470 关注
  • OAuth

    OAuth 协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式不同之处是 oAuth 的授权不会使第三方触及到用户的帐号信息（如用户名与密码），即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权，因此 oAuth 是安全的。oAuth 是 Open Authorization 的简写。

    36 引用 • 103 回帖 • 9 关注
  • 百度

    百度（Nasdaq：BIDU）是全球最大的中文搜索引擎、最大的中文网站。2000 年 1 月由李彦宏创立于北京中关村，致力于向人们提供“简单，可依赖”的信息获取方式。“百度”二字源于中国宋朝词人辛弃疾的《青玉案·元夕》词句“众里寻他千百度”，象征着百度对中文信息检索技术的执著追求。

    63 引用 • 785 回帖 • 309 关注
  • NetBeans

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

    78 引用 • 102 回帖 • 599 关注
  • 创业

    你比 99% 的人都优秀么？

    82 引用 • 1395 回帖
  • GitHub

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

    205 引用 • 2019 回帖
  • SVN

    SVN 是 Subversion 的简称，是一个开放源代码的版本控制系统，相较于 RCS、CVS，它采用了分支管理系统，它的设计目标就是取代 CVS。

    29 引用 • 98 回帖 • 658 关注
  • 国际化

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

    7 引用 • 26 回帖 • 1 关注
  • 旅游

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

    75 引用 • 887 回帖 • 15 关注
  • wolai

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

    1 引用 • 11 回帖
  • JetBrains

    JetBrains 是一家捷克的软件开发公司，该公司位于捷克的布拉格，并在俄国的圣彼得堡及美国麻州波士顿都设有办公室，该公司最为人所熟知的产品是 Java 编程语言开发撰写时所用的集成开发环境：IntelliJ IDEA。

    18 引用 • 54 回帖
  • ngrok

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

    7 引用 • 63 回帖 • 557 关注
  • Vue.js

    Vue.js（读音 /vju ː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    260 引用 • 662 回帖 • 107 关注
  • 坑

    一些有用的避坑指南。

    68 引用 • 92 回帖
  • Caddy

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

    10 引用 • 54 回帖 • 104 关注
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等，它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比，Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面，而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 273 关注
  • SSL

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

    69 引用 • 188 回帖 • 494 关注

最新标签