登录 注册

【Savor 写味主题】记录应是简单且真实的，值得细细品味

本贴最后更新于 332 天前，其中的信息可能已经天翻地覆

12023120919260620bp0o6.jpg

经历长时间重构，新版写味主题跟大家见面啦，优化大量细节，大幅提升编辑流畅度。在此感谢小伙伴们的支持，也感谢社区大佬们提供技术支持。

👑 简介

这款主题旨在降低界面上一些冗余信息的表达强度，结合了一些优秀软件外观参考和个人对极简美学的诠释。

五种配色随心切换

主题右上角即可切换，明亮模式 3 种配色，暗黑模式 2 种配色

220231209194500v0t1zcy.jpg

🍩 主题特性功能

挖空

主题右上角开启，开启后文档中被标记的文字将会被下划线替换，鼠标悬浮显示，可用于复习。

320231209195458i9pfa9b.jpg

垂直页签

主题右上角开启，开启后页签垂直显示在编辑器左侧，可以展示更多页签。

420231209200006639nd6c.jpg

隐藏顶栏

主题右上角开启，开启后顶栏上浮隐藏，鼠标悬浮在顶部可显示顶栏。

520231209200620b18qosv.jpg

列表子弹线

主题右上角开启，列表以高亮辅助线的形式展现父子关系。（长列表使用可能会有卡顿）

620231209200907z394ajk.jpg

列表折叠悬浮显示

列表折叠后后方出现省略号，鼠标悬浮可以显示折叠内容。

7202312092013533005mub.jpg

鼠标中键折叠展开

鼠标中键点击快速折叠展开【列表】和【标题】。

表格转换

表格 - 块标 - 视图选择切换

820231209202013fj8d23p.jpg

自动宽度换行【默认状态】：表格宽度到达编辑器边缘后不再延伸，单元格内容自动换行。

自动宽度不换行：表格宽度到达编辑器边缘后继续延伸，单元格内容不换行。

页面宽度：表格宽度与编辑器宽度一致，单元格内容换行。

竖向表头：表格表头切换为左侧竖向。

空白表头：表格默认的表头样式跟单元格一致。

列表转换

无序列表、有序列表、任务列表 - 块标 - 视图选择切换

【导图】：简单的的树形导图视图，可满足基础导图使用。

9202312092030535l0xmvr.jpg

【表格】：列表转为表格后，方便引用和搜索定位。

10202312092034508mzd98h.jpg

【看板】：做简单的任务管理。

1120231209203933fbteq4h.jpg

【进度条任务】：仅用于任务列表（无序列表、有序列表无效）

1220231209204247r2ig5ii.jpg

引述转换

引述 - 块标 - 视图选择切换

提供 11 种 callout 样式选择

13202312092054091nxnjvl.jpg

🍵 更多主题外观细节优化

标题提示

每级标题后面都有浅色标记代表该标题的层级。

标题间距

更适合阅读的分段间距，减少信息压力。

文字配色

配色更加柔和，降低页面对比度。

链接图标

增加超链接前小图标。

隐藏底栏

隐藏底部状态栏后依然显示隐藏停靠栏按钮。

搜索页

搜索结果展现所有内容，便于分辨关键信息。

‍

💌 建议反馈

如主题存在一些样式问题，或者对主题有其他想法建议，可在此贴回复反馈，或者通过 github 建 issue 反馈，后面若有新特性也会在本贴更新。

【如果只是点缀，愿当皎洁明月】

‍

  • 思源笔记

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

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

    22026 引用 • 87850 回帖 • 3 关注
  • Savor
    15 引用 • 148 回帖 • 1 关注
1 操作
royc1 在 2023-12-09 21:16:50 更新了该帖
33 感谢
14 收藏
14 赞同
1 操作
94 回帖
3
5.9k 3.2k 49 2.1k 50 25 491

相关帖子

优质回帖
  • null1 • • 3 赞同
    订阅者 支持者 勇士

    引述转换的功能，callout 样式我感觉可以做的更好一点。提点建议：

    1. 图标如果可以选中更换，或者可以自定义颜色和图标
    2. 文本内容样式最好不要有默认标题。有时候引述就是没标题，又不想画蛇添足写一个标题，因为图标完全可以表示我这个引述代表什么意思。毕竟引述本身可以用标题的，现在默认的这个标题压根取消不了。。。
  • leanzhuang • • 1 赞同

    确实是我心中的最美主题，但是还是比官方主题略卡一些，希望可以继续优化流畅度

  • qianink • • 1
    订阅者 付费者

    image.png这些双链下的虚线与普通文本区分度太低了，复习的时候很不直观，可否增加下辨识度，大佬能不能告诉我怎么自己修改下 😭

94 回帖
【Savor 写味主题】记录应是简单且真实的，值得细细品味

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • GWNLP • • 1 评论
    付费者

    你好，很感谢您的主题，但是我在使用的时候有些问题——移动端和 win 的标注配色不一样，因为我会用到移动端查看笔记，但是我在 win 端标注会在移动端改变（比如 红色变成空白）， 我该如何调整？

    移动端也使用相同的主题才可以，手机伺服可以打开集市下载
    royc1 •
  • 其他回帖
  • SCHa1 • • 1 评论
    付费者

    顶栏功能非常新颖！但可惜的是它的易用性还是不足以让它成为一个非常好用的功能。

    • 如图 ①。打开顶栏功能后，放在页面中间的页签，包括页签所在的一整行全部变成了顶栏的形制，看起来过于粗放了。如果在顶栏功能的基础上，使中间的页签像图 ② 统一风格，或使其拥有更纤细的顶栏式风格想必会更好看。

    未命名 SCHa1 思源笔记 v3.1.0202471501540.png

    未命名 SCHa1 思源笔记 v3.1.0202471501828.png

    • 如下图，顶栏合并后页签的宽度是不一样的，页签与页签之间也没有明确的分隔，导致多页签管理的时候会让人很头疼。可以模仿现在的主流浏览器，固定页签长度并使不超出某数量的页签动态调整宽度（如下图 ②）。

    未命名 SCHa1 思源笔记 v3.1.0202471501622.png

    image.png

    • 我注意到顶栏合并开启的同时还有个“展开插件”的小功能。在下载插件之后，某些插件的设置按钮也会作为插件按钮显示在顶栏上，它们用得少却会长久占地方。这个小功能如果能让特定插件显示在顶栏，而其他插件缩进这个小菜单里，想必会非常好用。

    image.png

    我不清楚这些功能的实现难度，只希望作者在开发时能考虑下我的建议。总之感谢作者分享的主题。

    感谢您的反馈，① 为确保页签的一致性，这个暂时先不动了。② 这个宽度后续看看怎么优化一波。③ 可以通过右上角插件图标-取消钉住来隐藏不常用的插件图标，这个收缩插件按钮的功能主要是收缩常用的图标以节省顶栏空间。
    royc1 • • 1
  • coder123 •
    付费者 
    .fn__code,
.b3-typography code:not(.hljs),
.b3-typography span[data-type~="code"],
.protyle-wysiwyg code:not(.hljs),
.protyle-wysiwyg span[data-type~="code"] {
  padding: 3px 6px;
  color: #3451b2;
  font-size: 0.875em;
  font-family: Consolas, var(--b3-font-family-code);
  transition: color 0.25s, background-color 0.5s;
  vertical-align: 1px;
}
  • keyiming • • 1 评论

    大佬，新版更新是不是把标题间距改了，感觉间距小了很多，巨不习惯

    去 github 找了一下，复制粘贴到外观代码 css 恢复到原来的了

    /*h1~6标题间距*/
.protyle-wysiwyg .h1,.protyle-wysiwyg .h2,
.protyle-wysiwyg .h3,.protyle-wysiwyg .h4,
.protyle-wysiwyg .h5,.protyle-wysiwyg .h6{
	font-weight:700;
	margin-top: 1.2em;
    margin-bottom: .4em;
}
.sb[fold="1"] .h1,.sb[fold="1"] .h2,
.sb[fold="1"] .h3,.sb[fold="1"] .h4,
.sb[fold="1"] .h5,.sb[fold="1"] .h6{
	margin-top: 0em;
}
.protyle-wysiwyg [data-node-id].li > .protyle-action ~ .h1,
.protyle-wysiwyg [data-node-id].li > .protyle-action ~ .h2,
.protyle-wysiwyg [data-node-id].li > .protyle-action ~ .h3,
.protyle-wysiwyg [data-node-id].li > .protyle-action ~ .h4,
.protyle-wysiwyg [data-node-id].li > .protyle-action ~ .h5,
.protyle-wysiwyg [data-node-id].li > .protyle-action ~ .h6{
	margin-top: 0em!important;
    margin-bottom: 0.2em!important;
}
    1 操作
    keyiming 在 2024-04-19 07:50:33 更新了该回帖
    感谢反馈，好像改动太多不小心删了
    royc1 •
  • 查看全部回帖
royc1
回帖
297
 帖子
16
 积分
14135