登录 注册

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

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

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

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

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

单选 • 不公开 • 永不结束 30 票
需要
56% • 17 票
无所谓
10% • 3 票
不需要
33% • 10 票

  • 思源笔记

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

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

    24613 引用 • 100904 回帖
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.7k 265 53 1.9k 41 26 336

相关帖子

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
武汉
回帖
454
 帖子
175
 积分
331

近期热议

推荐标签 标签

  • 导航

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

    43 引用 • 177 回帖 • 5 关注
  • OkHttp

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

    16 引用 • 6 回帖 • 83 关注
  • 工具

    子曰：“工欲善其事，必先利其器。”

    295 引用 • 750 回帖
  • 爬虫

    网络爬虫（Spider、Crawler），是一种按照一定的规则，自动地抓取万维网信息的程序。

    106 引用 • 275 回帖 • 1 关注
  • SEO

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

    35 引用 • 200 回帖 • 17 关注
  • OAuth

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

    36 引用 • 103 回帖 • 28 关注
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具，主要功能包括：位置相关的内容递送；用户认证和授权；集中式网络监控。

    1 引用 • 7 回帖 • 602 关注
  • InfluxDB

    InfluxDB 是一个开源的没有外部依赖的时间序列数据库。适用于记录度量，事件及实时分析。

    2 引用 • 87 关注
  • LeetCode

    LeetCode（力扣）是一个全球极客挚爱的高质量技术成长平台，想要学习和提升专业能力从这里开始，充足技术干货等你来啃，轻松拿下 Dream Offer！

    209 引用 • 72 回帖 • 2 关注
  • 京东

    京东是中国最大的自营式电商企业，2015 年第一季度在中国自营式 B2C 电商市场的占有率为 56.3%。2014 年 5 月，京东在美国纳斯达克证券交易所正式挂牌上市（股票代码：JD），是中国第一个成功赴美上市的大型综合型电商平台，与腾讯、百度等中国互联网巨头共同跻身全球前十大互联网公司排行榜。

    14 引用 • 102 回帖 • 321 关注
  • Mobi.css

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

    1 引用 • 6 回帖 • 752 关注
  • 开源中国

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

    7 引用 • 86 回帖
  • CloudFoundry

    Cloud Foundry 是 VMware 推出的业界第一个开源 PaaS 云平台，它支持多种框架、语言、运行时环境、云平台及应用服务，使开发人员能够在几秒钟内进行应用程序的部署和扩展，无需担心任何基础架构的问题。

    5 引用 • 18 回帖 • 181 关注
  • 星云链

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

    3 引用 • 16 回帖 • 1 关注
  • 智能合约

    智能合约（Smart contract）是一种旨在以信息化方式传播、验证或执行合同的计算机协议。智能合约允许在没有第三方的情况下进行可信交易，这些交易可追踪且不可逆转。智能合约概念于 1994 年由 Nick Szabo 首次提出。

    1 引用 • 11 回帖
  • sts
    2 引用 • 2 回帖 • 222 关注
  • 又拍云

    又拍云是国内领先的 CDN 服务提供商,国家工信部认证通过的“可信云”，乌云众测平台认证的“安全云”，为移动时代的创业者提供新一代的 CDN 加速服务。

    20 引用 • 37 回帖 • 566 关注
  • 招聘

    哪里都缺人，哪里都不缺人。

    188 引用 • 1057 回帖
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识，提高团队的工作效率，让用户满意。

    3 引用 • 8 回帖 • 2 关注
  • FreeMarker

    FreeMarker 是一款好用且功能强大的 Java 模版引擎。

    23 引用 • 20 回帖 • 463 关注
  • 七牛云

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

    28 引用 • 226 回帖 • 137 关注
  • GAE

    Google App Engine（GAE）是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。

    14 引用 • 42 回帖 • 803 关注
  • VirtualBox

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

    10 引用 • 2 回帖 • 21 关注
  • Rust

    Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发，最早发布于 2014 年 9 月。

    58 引用 • 22 回帖 • 1 关注
  • Webswing

    Webswing 是一个能将任何 Swing 应用通过纯 HTML5 运行在浏览器中的 Web 服务器，详细介绍请看 将 Java Swing 应用变成 Web 应用 。

    1 引用 • 15 回帖 • 636 关注
  • RemNote
    2 引用 • 16 回帖 • 12 关注
  • RabbitMQ

    RabbitMQ 是一个开源的 AMQP 实现，服务器端用 Erlang 语言编写，支持多种语言客户端，如：Python、Ruby、.NET、Java、C、PHP、ActionScript 等。用于在分布式系统中存储转发消息，在易用性、扩展性、高可用性等方面表现不俗。

    49 引用 • 60 回帖 • 354 关注

最新标签