登录 注册

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

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

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

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

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

单选 • 不公开 • 永不结束 28 票
需要
57% • 16 票
无所谓
10% • 3 票
不需要
32% • 9 票

  • 思源笔记

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

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

    23019 引用 • 92593 回帖
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
2.3k 262 53 1.7k 41 26 168

相关帖子

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

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • JeffreyChen •
    付费者 支持者 捐赠者

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

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

    2 回复
  • xnyshu •
    支持者 捐赠者 作者

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

    1 回复
  • JeffreyChen •
    付费者 支持者 捐赠者

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

    2 回复
  • yl323 •
    付费者

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

    1 回复
  • xnyshu •
    支持者 捐赠者 作者

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

    1 回复
  • JeffreyChen •
    付费者 支持者 捐赠者

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

  • JeffreyChen •
    付费者 支持者 捐赠者

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

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

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

    image.png

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

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

  • JeffreyChen •
    付费者 支持者 捐赠者

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

  • 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 回复
  • 5Z4Uo6oGvKPB7o • • 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
武汉
回帖
410
 帖子
160
 积分
518

近期热议

推荐标签 标签

  • TGIF

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

    288 引用 • 4485 回帖 • 663 关注
  • AngularJS

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

    12 引用 • 50 回帖 • 483 关注
  • Ant-Design

    Ant Design 是服务于企业级产品的设计体系，基于确定和自然的设计价值观上的模块化解决方案，让设计者和开发者专注于更好的用户体验。

    17 引用 • 23 回帖 • 4 关注
  • 禅道

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

    5 引用 • 15 回帖 • 101 关注
  • Oracle

    Oracle（甲骨文）公司，全称甲骨文股份有限公司（甲骨文软件系统有限公司），是全球最大的企业级软件公司，总部位于美国加利福尼亚州的红木滩。1989 年正式进入中国市场。2013 年，甲骨文已超越 IBM，成为继 Microsoft 后全球第二大软件公司。

    105 引用 • 127 回帖 • 370 关注
  • 区块链

    区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。所谓共识机制是区块链系统中实现不同节点之间建立信任、获取权益的数学算法 。

    91 引用 • 751 回帖 • 1 关注
  • 服务器

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

    125 引用 • 588 回帖
  • Ngui

    Ngui 是一个 GUI 的排版显示引擎和跨平台的 GUI 应用程序开发框架，基于
    Node.js / OpenGL。目标是在此基础上开发 GUI 应用程序可拥有开发 WEB 应用般简单与速度同时兼顾 Native 应用程序的性能与体验。

    7 引用 • 9 回帖 • 394 关注
  • VirtualBox

    VirtualBox 是一款开源虚拟机软件，最早由德国 Innotek 公司开发，由 Sun Microsystems 公司出品的软件，使用 Qt 编写，在 Sun 被 Oracle 收购后正式更名成 Oracle VM VirtualBox。

    10 引用 • 2 回帖
  • Bug

    Bug 本意是指臭虫、缺陷、损坏、犯贫、窃听器、小虫等。现在人们把在程序中一些缺陷或问题统称为 bug（漏洞）。

    76 引用 • 1737 回帖 • 1 关注
  • SOHO

    为成为自由职业者在家办公而努力吧！

    7 引用 • 55 回帖 • 5 关注
  • 30Seconds

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

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

    发布对别人有帮助的原创内容是最好的 SEO 方式。

    35 引用 • 200 回帖 • 27 关注
  • 微软

    微软是一家美国跨国科技公司，也是世界 PC 软件开发的先导，由比尔·盖茨与保罗·艾伦创办于 1975 年，公司总部设立在华盛顿州的雷德蒙德（Redmond，邻近西雅图）。以研发、制造、授权和提供广泛的电脑软件服务业务为主。

    8 引用 • 44 回帖
  • 脑图

    脑图又叫思维导图，是表达发散性思维的有效图形思维工具 ，它简单却又很有效，是一种实用性的思维工具。

    30 引用 • 96 回帖 • 1 关注
  • 黑曜石

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

    A second brain, for you, forever.

    16 引用 • 130 回帖
  • LaTeX

    LaTeX（音译“拉泰赫”）是一种基于 ΤΕΧ 的排版系统，由美国计算机学家莱斯利·兰伯特（Leslie Lamport）在 20 世纪 80 年代初期开发，利用这种格式，即使使用者没有排版和程序设计的知识也可以充分发挥由 TeX 所提供的强大功能，能在几天，甚至几小时内生成很多具有书籍质量的印刷品。对于生成复杂表格和数学公式，这一点表现得尤为突出。因此它非常适用于生成高印刷质量的科技和数学类文档。

    12 引用 • 54 回帖 • 49 关注
  • 开源

    Open Source, Open Mind, Open Sight, Open Future!

    407 引用 • 3578 回帖 • 1 关注
  • Jenkins

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

    53 引用 • 37 回帖 • 3 关注
  • 新人

    让我们欢迎这对新人。哦，不好意思说错了，让我们欢迎这位新人！
    新手上路，请谨慎驾驶！

    52 引用 • 228 回帖
  • Unity

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

    25 引用 • 7 回帖 • 158 关注
  • CodeMirror
    1 引用 • 2 回帖 • 129 关注
  • Git

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

    209 引用 • 358 回帖
  • PHP

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

    179 引用 • 407 回帖 • 491 关注
  • Chrome

    Chrome 又称 Google 浏览器，是一个由谷歌公司开发的网页浏览器。该浏览器是基于其他开源软件所编写，包括 WebKit，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。

    62 引用 • 289 回帖
  • 七牛云

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

    27 引用 • 225 回帖 • 162 关注

最新标签