登录 注册

请问思源有没有办法单独调整每个页面的 "显示字号" 和 "页面宽度"，要单独调整不影响其它页面

目前调整显示字号的方法是 按住 command 键 + 触控板放大缩小，但会影响所有页面，很不方便。

  • 有的页面是数据库，需要普通字号，以保证显示格式。
  • 有的页面是文字，编辑时需要大字号，编辑完后需要缩小
  • 数据库页面 和文字页面，分屏使用时，显示字号会互相影响，需要不同的显示字号
  • 文字页面每行只有 15 个字，页面不需要太宽。
  • 数据库页面列数比较多，页面需要全宽。
  • 试过页面的自适应宽度，效果比较差(数据库页默认不是全宽，只有左右滑动时才是全宽，并且光标经过时会有一个选中的高亮区域，很难用；文字页面也无法做到极窄的宽度。）
  • 思源笔记

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

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

    26093 引用 • 108342 回帖
  • Q&A

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

    10022 引用 • 45565 回帖 • 71 关注
哈尔滨 位置
200 悬赏
2 收藏
21 回帖
12
5
2
414 115 7 45 247

相关帖子

被采纳的回答
21 回帖
请问思源有没有办法单独调整每个页面的 "显示字号" 和 "页面宽度"，要单独调整不影响其它页面

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • carethink • via macOS
    作者

    😭

  • suxiang999 •
    付费者

    我能理解你滴感受，尤其是需要分屏记笔记的时候

  • suxiang999 •
    付费者

    image.png

    可能和你这个回答相关性不是很大，供参考
    我的方法是，在空白处按 enter，创建很多个块
    选中这些块，右键，外观，往下滑，找到字号
    选择合适的字体大小
    后续在这些块上的字体，都会是你一开始选择的大小

    2 回复
  • Wetoria • • 2 via macOS
    订阅者 付费者 捐赠者

    给文档添加自定义属性，比如 custom-doc-style="1"，然后在外观-代码片段里添加具体样式，比如：

    .protyle-wysiwyg[custom-custom-doc-style="1"] {
  font-size: 12px;
  width: 100%;
  padding: 16px 20px 64px !important;
}
​

    需要绑定样式的就添加这个自定义属性，你也可以添加多套主题。

    图左是添加了的，不影响右侧普通文档的效果：

    image.png

    2 回复
  • wenbocn •
    付费者

    单个页面宽度的调整，可以参考这个帖子。

    Ctrl+ 鼠标滚轮临时调整页面宽度（js 代码） - 链滴

    1 回复
  • carethink • via macOS
    作者

    我试了下，好像是失效了，或者说 mac 环境下不起作用呢，我是 mac+ 触控板 😂

    ，不过这个思路 我确实觉得蛮好的

  • wilsons •
    付费者 捐赠者

    调字号可参考这个帖子 [js] 在右侧边栏添加快捷切换指定大小字号按钮

    1 回复
  • carethink • via macOS
    作者

    感谢~ 这个方法很有效！我用 font-size 控制了字号大小，width 我测试是控制块宽度的，请问是否也可以用某个参数控制页面宽度呀。

  • carethink • via macOS
    作者

    这个方法挺不错，我试了确实有效，只不过每个文档的块太多， 有点麻烦， 不过依然非常感谢~

  • carethink • via macOS
    作者

    感谢大佬 ， 很早就已经用上您这个代码了

    1 回复
  • carethink • via macOS
    作者

    我好像找到控制页面宽度的参数了。 是"centerWidth"，但是在您的代码里添加后，不生效，很奇怪

    .protyle-wysiwyg[custom-custom-doc-style="1"] {
font-size: 36px;
width: 100%;
centerWidth: 100%;
padding: 16px 20px 64px !important;
}
​
  • carethink • • 2 评论 via macOS
    作者

    亲，您有没有类似的方法，控制住块、或者页面的宽度呢， 就是说像固定块字号一样，把当前页面的宽度固定住，在调整其它页面宽度时，当前页不受影响。

    在思源里，想满足自己的需求一般两种方法
    suxiang999 •
    一种是在思源笔记本身设置里找，另一种是自己写代码，你滴需求估计只能代码满足啦，代码我就不太懂啦
    suxiang999 •
  • wilsons • • 1
    付费者 捐赠者

    既然你用过，我就在那个基础上改了下，看看是否你想要的效果。

    暂不支持持久，即文档关闭或页面刷新后复原。

    r122.gif

    代码：

    https://gitee.com/wish163/mysoft/blob/main/%E6%80%9D%E6%BA%90/%E7%BB%99%E4%B8%8D%E5%90%8C%E7%9A%84%E9%A1%B5%E9%9D%A2%E8%AE%BE%E7%BD%AE%E4%B8%8D%E5%90%8C%E7%9A%84%E9%A3%8E%E6%A0%BC.js

    可在 styles 参数里设置风格和描述，可根据自己情况修改

    // 添加风格
const styles = {
    "📋": {tips:'正常', style:``},
    "🛢️": {tips:'数据库', style:`width: 100%!important;margin:0 auto;padding-left:20px!important;padding-right:20px!important;.av{font-size: 16px;}`},
    "🖍️": {tips:'编辑', style:`font-size: 24px!important;.av{font-size: 16px;}`},
    "👁️": {tips:'阅读', style:`font-size: 12px!important;.av{font-size: 16px;}`},
};
​
    1 回复
    3 引用
    2 操作
    wilsons 在 2025-04-20 07:55:20 更新了该回帖
    wilsons 在 2025-04-20 07:41:19 更新了该回帖
  • carethink • via macOS
    作者

    感谢大佬 ~ 这个也太牛了，非常实用，我测试了下，文字的字号大小是没有问题的，但不知道是不是版本的问题，我这边有点小问题，

    1.只能调整页面内文字的大小，如果页面内有数据库，数据库内的字号不受影响。

    2.页面的宽度我这里没有变化， 不知道是什么原因，我尝试把 width 换成了 centerWidth 也还是不行。

    3.这个代码是否也可以实现用快捷键切换字号呀，比如配合 openany， 按快捷键 1 切换数据库字号和宽度，快捷键 2 切换编辑文字的字号和宽度。

    1 回复
  • wilsons •
    付费者 捐赠者

    1.只能调整页面内文字的大小，如果页面内有数据库，数据库内的字号不受影响。

    数据库的字体大小要保持不变，必须设置一个固定值，因为官方默认字体大小是继承祖先或是百分比，比如可在 styles 参数的每个 style 中都加上 .av{font-size: 16px;} 这样的固定值。

    2.页面的宽度我这里没有变化， 不知道是什么原因，我尝试把 width 换成了 centerWidth 也还是不行。

    这一般是你本地因素影响的，width:100%!important 或者 width:100vw!important 试试，如果不行，就多加选择符，或者控制台看看，哪个选择符影响了，只要比它优先级更高就行。

    3.这个代码是否也可以实现用快捷键切换字号呀，比如配合 openany， 按快捷键 1 切换数据库字号和宽度，快捷键 2 切换编辑文字的字号和宽度。

    可以实现最简单的方式就是模拟点击，比如按 alt+1 点击第一个按钮，alt+2 点击第二个等等，可以通过[aria-label="设置编辑风格"]来区分不同的按钮。

    总之，这个代码仅仅是个框架，至于样式不生效全是因为 styles 参数里设置的样式问题，这个因每个人的环境不一样，只能自己去调整。

    建议，先新空间测试，保证没问题后再在自己空间去逐个排查问题。

    2 回复
    3 操作
    wilsons 在 2025-04-19 23:08:12 更新了该回帖
    wilsons 在 2025-04-19 23:01:06 更新了该回帖
    wilsons 在 2025-04-19 22:50:25 更新了该回帖
  • carethink • via macOS
    作者

    收到，费心了 哈哈，我再多测试测试~

  • carethink • via macOS
    作者

    按照您的分析步骤，我已经调试好了，目前的字体大小问题已经好使(包括数据库)，宽度问题还没有解决，还得麻烦请教您一下，

    1.代码中的 width 我测试发现 是调整块宽度的，我在控制台中看到影响页面宽度的参数是 centerWidth，但是我把 width 替换成 centerWidth 后不好使，无法调整页面宽度，我其实是想调整页面宽度的。

    2.快捷键设置，一会儿我再去仔细学习一下 openany 的贴子。😂

    1 回复
  • wilsons •
    付费者 捐赠者

    1.代码中的 width 我测试发现 是调整块宽度的，我在控制台中看到影响页面宽度的参数是 centerWidth，但是我把 width 替换成 centerWidth 后不好使，无法调整页面宽度，我其实是想调整页面宽度的。

    centerWidth 是什么东西，这不是 css 的属性，是 var(--centerWidth) ? 建议截图看看。

    2.快捷键设置，一会儿我再去仔细学习一下 openany 的贴子。

    哈哈，这是最简单的使用方式了，只需要模拟点击即可，比如

    openAny.setKeymap('alt+3', (event) => {
    event.preventDefault();
    openAny.click('[aria-label="设置数据库风格"]');
});
​
    1 回复
  • carethink • via macOS
    作者

    这个 centerWidth 好像是集市里面"更改编辑器宽度插件"：siyuan-center-Width 的属性，我平时是用这个插件的快捷键,【alt + =】 【alt + -】来修改页面显示宽度的

  • wilsons •
    付费者 捐赠者

    其实和--centerWidth 无关了，还是优先级问题，因为这个插件使用了 #layouts div.layout__center div.protyle-content:not([data-fullwidth="true"]) div.protyle-wysiwyg 选择符，这个优先级太高了。

    所以，我更新了 js 代码，使用了比它更高的优先级，这样就没问题了。

    同时兼容了编辑器宽度插件和思源自适应宽度两种情况。

    你更新代码再试试，只需要在 styles 中修改你的字体大小即可。

    如果想自定义宽度，可以加 width:百分百 %，如果想让编辑器同时居中的话，还需要加 margin:0 auto;

    比如，让编辑器显示 50%，并居中的话；需要加 width:50%;margin:0 auto;

    总之，具体怎样，只需要在 styles 中修改样式即可。

    1 回复
  • carethink • • 1 评论 via macOS
    作者

    搞定啦~，大佬就是大佬，哈哈，技术强的一批！按您给的代码并结合 OpenAny 代码，最终效果非常完美，再次感谢！

    🎉 恭喜恭喜
    wilsons •
请输入回帖内容 ...
carethink
哈尔滨
回帖
63
 帖子
4
 积分
189

近期热议

推荐标签 标签

  • OpenStack

    OpenStack 是一个云操作系统，通过数据中心可控制大型的计算、存储、网络等资源池。所有的管理通过前端界面管理员就可以完成，同样也可以通过 Web 接口让最终用户部署资源。

    10 引用 • 1 关注
  • Jenkins

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

    54 引用 • 37 回帖
  • 又拍云

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

    20 引用 • 37 回帖 • 578 关注
  • 叶归
    12 引用 • 56 回帖 • 20 关注
  • TGIF

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

    291 引用 • 4495 回帖 • 662 关注
  • 倾城之链
    23 引用 • 66 回帖 • 167 关注
  • Angular

    Angular 是 AngularJS 的新版本。

    26 引用 • 66 回帖 • 561 关注
  • 坑

    一些有用的避坑指南。

    69 引用 • 93 回帖
  • Markdown

    Markdown 是一种轻量级标记语言，用户可使用纯文本编辑器来排版文档，最终通过 Markdown 引擎将文档转换为所需格式（比如 HTML、PDF 等）。

    171 引用 • 1537 回帖
  • 微软

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

    8 引用 • 44 回帖 • 2 关注
  • NGINX

    NGINX 是一个高性能的 HTTP 和反向代理服务器，也是一个 IMAP/POP3/SMTP 代理服务器。 NGINX 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的，第一个公开版本 0.1.0 发布于 2004 年 10 月 4 日。

    315 引用 • 547 回帖
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言，是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3201 引用 • 8216 回帖 • 2 关注
  • SendCloud

    SendCloud 由搜狐武汉研发中心孵化的项目，是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台，为开发者提供便利的 API 接口来调用服务，让邮件准确迅速到达用户收件箱并获得强大的追踪数据。

    2 引用 • 8 回帖 • 506 关注
  • Python

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

    554 引用 • 675 回帖
  • 职场

    找到自己的位置，萌新烦恼少。

    127 引用 • 1708 回帖 • 2 关注
  • 禅道

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

    10 引用 • 15 回帖 • 6 关注
  • IBM

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

    17 引用 • 53 回帖 • 143 关注
  • 房星科技

    房星网，我们不和没有钱的程序员谈理想，我们要让程序员又有理想又有钱。我们有雄厚的房地产行业线下资源，遍布昆明全城的 100 家门店、四千地产经纪人是我们坚实的后盾。

    6 引用 • 141 回帖 • 605 关注
  • JWT

    JWT（JSON Web Token）是一种用于双方之间传递信息的简洁的、安全的表述性声明规范。JWT 作为一个开放的标准（RFC 7519），定义了一种简洁的，自包含的方法用于通信双方之间以 JSON 的形式安全的传递信息。

    20 引用 • 15 回帖 • 26 关注
  • 链书

    链书（Chainbook）是 B3log 开源社区提供的区块链纸质书交易平台，通过 B3T 实现共享激励与价值链。可将你的闲置书籍上架到链书，我们共同构建这个全新的交易平台，让闲置书籍继续发挥它的价值。

    链书社

    链书目前已经下线，也许以后还有计划重制上线。

    14 引用 • 257 回帖 • 2 关注
  • Webswing

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

    1 引用 • 15 回帖 • 644 关注
  • Vim

    Vim 是类 UNIX 系统文本编辑器 Vi 的加强版本，加入了更多特性来帮助编辑源代码。Vim 的部分增强功能包括文件比较（vimdiff）、语法高亮、全面的帮助系统、本地脚本（Vimscript）和便于选择的可视化模式。

    29 引用 • 66 回帖
  • JetBrains

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

    18 引用 • 54 回帖 • 2 关注
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎，可以结合 MySQL、PostgreSQL 做全文搜索，它可以提供比数据库本身更专业的搜索功能，使得应用程序更容易实现专业化的全文检索。

    1 引用 • 227 关注
  • NetBeans

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

    78 引用 • 102 回帖 • 707 关注
  • 以太坊

    以太坊（Ethereum）并不是一个机构，而是一款能够在区块链上实现智能合约、开源的底层系统。以太坊是一个平台和一种编程语言 Solidity，使开发人员能够建立和发布下一代去中心化应用。 以太坊可以用来编程、分散、担保和交易任何事物：投票、域名、金融交易所、众筹、公司管理、合同和知识产权等等。

    34 引用 • 367 回帖 • 1 关注
  • 正则表达式

    正则表达式（Regular Expression）使用单个字符串来描述、匹配一系列遵循某个句法规则的字符串。

    31 引用 • 94 回帖 • 1 关注

最新标签