自己那 savor 的 css 折腾了一下,发现聚焦和闪卡状态下会失效,求大佬帮忙 🙏
样式大小参照 FlowUs
自己那 savor 的 css 折腾了一下,发现聚焦和闪卡状态下会失效,求大佬帮忙 🙏
样式大小参照 FlowUs
css 片段增加下面的代码即可。
然后你说的字体如果修改整体字体可以到 设置 》编辑器 》字体中修改即可,如果仅修改 li 的字体,请参考下面的代码和说明。
/* 定义li前缀大小 */
:root {
/* 无序列表圆点大小 / 有序列表数字大小, 这里的根据你的需求调整 */
--my-li-icon-size: 24px;
/* 我的自定义字体,,根据需要改成你自己本地的字体 */
--my-font-family: "流畅书写体"
}
/* li文字大小 */
.protyle .protyle-wysiwyg .li[data-subtype="o"] > .protyle-action, .protyle .protyle-wysiwyg .li[data-subtype="u"] > .protyle-action, .protyle .protyle-wysiwyg[data-readonly="false"] .li[data-subtype="t"] > .protyle-action{
font-size: var(--my-li-icon-size);
/* 如果仅修改li前缀的字体改这里,但无序列表的圆点不生效 */
/*font-family: var(--my-font-family), var(--b3-font-family-protyle);*/
}
/* 如果仅单独调整有序列文字大小改这里
.protyle .protyle-wysiwyg .li[data-subtype="o"] > .protyle-action{
font-size: var(--my-li-icon-size);
}
*/
/* li前缀图标大小 */
.protyle-wysiwyg [data-node-id].li > .protyle-action svg {
height: var(--my-li-icon-size);
width: var(--my-li-icon-size);
}
/* 修改li元素字体 */
.protyle-wysiwyg [data-node-id].li{
font-family: var(--my-font-family), var(--b3-font-family-protyle);
}
/* 如果仅更改li文本内容的字体改这里
.protyle-wysiwyg [data-node-id].li [data-type=NodeParagraph]{
font-family: var(--my-font-family), var(--b3-font-family-protyle);
}
*/
效果
注意:
--my-font-family: "流畅书写体"
这里的字体名要改成你本地的字体名。
本地字体只需要安装字体到系统中即可。
如果不生效,重启下思源即可。
不过字体和系统相关,不同操作系统或手机上也得安装相应的字体才行,否则会回落到默认字体。
那么怎么查看本地的字体有哪些?叫什么名呢?
打开思源设置对话框,然后打开控制台(windows/linux:Ctrl + Shift + I
, macos:Cmd + Opt + I
),切换到 console 选项卡,然后输入以下代码查看
Array.from(document.querySelector("#fontFamily")).map(option=>option.value)
css 片段增加下面的代码即可。
然后你说的字体如果修改整体字体可以到 设置 》编辑器 》字体中修改即可,如果仅修改 li 的字体,请参考下面的代码和说明。
/* 定义li前缀大小 */
:root {
/* 无序列表圆点大小 / 有序列表数字大小, 这里的根据你的需求调整 */
--my-li-icon-size: 24px;
/* 我的自定义字体,,根据需要改成你自己本地的字体 */
--my-font-family: "流畅书写体"
}
/* li文字大小 */
.protyle .protyle-wysiwyg .li[data-subtype="o"] > .protyle-action, .protyle .protyle-wysiwyg .li[data-subtype="u"] > .protyle-action, .protyle .protyle-wysiwyg[data-readonly="false"] .li[data-subtype="t"] > .protyle-action{
font-size: var(--my-li-icon-size);
/* 如果仅修改li前缀的字体改这里,但无序列表的圆点不生效 */
/*font-family: var(--my-font-family), var(--b3-font-family-protyle);*/
}
/* 如果仅单独调整有序列文字大小改这里
.protyle .protyle-wysiwyg .li[data-subtype="o"] > .protyle-action{
font-size: var(--my-li-icon-size);
}
*/
/* li前缀图标大小 */
.protyle-wysiwyg [data-node-id].li > .protyle-action svg {
height: var(--my-li-icon-size);
width: var(--my-li-icon-size);
}
/* 修改li元素字体 */
.protyle-wysiwyg [data-node-id].li{
font-family: var(--my-font-family), var(--b3-font-family-protyle);
}
/* 如果仅更改li文本内容的字体改这里
.protyle-wysiwyg [data-node-id].li [data-type=NodeParagraph]{
font-family: var(--my-font-family), var(--b3-font-family-protyle);
}
*/
效果
注意:
--my-font-family: "流畅书写体"
这里的字体名要改成你本地的字体名。
本地字体只需要安装字体到系统中即可。
如果不生效,重启下思源即可。
不过字体和系统相关,不同操作系统或手机上也得安装相应的字体才行,否则会回落到默认字体。
那么怎么查看本地的字体有哪些?叫什么名呢?
打开思源设置对话框,然后打开控制台(windows/linux:Ctrl + Shift + I
, macos:Cmd + Opt + I
),切换到 console 选项卡,然后输入以下代码查看
Array.from(document.querySelector("#fontFamily")).map(option=>option.value)
大佬,你把无序列表的圆点设置小一点再测试下。
图中圆点大小跟默认值差不多,圆点越小、观察的越明显。
插件和其他代码片段我已经排除过,如果你那边把圆点调小后显示正常的话,就不折腾了,凑活用 😄
frp 是一个可用于内网穿透的高性能的反向代理应用,支持 TCP、UDP、 HTTP 和 HTTPS 协议。
NetBeans 是一个始于 1997 年的 Xelfi 计划,本身是捷克布拉格查理大学的数学及物理学院的学生计划。此计划延伸而成立了一家公司进而发展这个商用版本的 NetBeans IDE,直到 1999 年 Sun 买下此公司。Sun 于次年(2000 年)六月将 NetBeans IDE 开源,直到现在 NetBeans 的社群依然持续增长。
Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发,最早发布于 2014 年 9 月。
Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发,并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。
欢迎访问我们运维的实例: https://wide.b3log.org
Log4j 是 Apache 开源的一款使用广泛的 Java 日志组件。
PostgreSQL 是一款功能强大的企业级数据库系统,在 BSD 开源许可证下发布。
Quicker 您的指尖工具箱!操作更少,收获更多!
Netty 是一个基于 NIO 的客户端-服务器编程框架,使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用,例如实现了某种协议的客户、服务端应用。
前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。
你听到信仰的声音了么?
深度学习(Deep Learning)是机器学习的分支,是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。
程序员是从事程序开发、程序维护的专业人员。
互联网(Internet),又称网际网络,或音译因特网、英特网。互联网始于 1969 年美国的阿帕网,是网络与网络之间所串连成的庞大网络,这些网络以一组通用的协议相连,形成逻辑上的单一巨大国际网络。
红帽提供的 PaaS 云,支持多种编程语言,为开发人员提供了更为灵活的框架、存储选择。
上帝为你关上了一扇门,然后就去睡觉了....努力不一定能成功,但不努力一定很轻松 (° ー °〃)
Chrome 又称 Google 浏览器,是一个由谷歌公司开发的网页浏览器。该浏览器是基于其他开源软件所编写,包括 WebKit,目标是提升稳定性、速度和安全性,并创造出简单且有效率的使用者界面。
你创造的作品可能会帮助到很多人,如果是开源项目的话就更赞了!
百度应用引擎(Baidu App Engine)提供了 PHP、Java、Python 的执行环境,以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用,并且提供动态扩容和负载均衡的运行环境,让开发者不用考虑高成本的运维工作,只需专注于业务逻辑,大大降低了开发者学习和迁移的成本。
沉迷游戏伤身,强撸灰飞烟灭。
发布对别人有帮助的原创内容是最好的 SEO 方式。
Mozilla Firefox 中文俗称“火狐”(正式缩写为 Fx 或 fx,非正式缩写为 FF),是一个开源的网页浏览器,使用 Gecko 排版引擎,支持多种操作系统,如 Windows、OSX 及 Linux 等。
Scala 是一门多范式的编程语言,集成面向对象编程和函数式编程的各种特性。
Logseq 是一个隐私优先、开源的知识库工具。
Logseq is a joyful, open-source outliner that works on top of local plain-text Markdown and Org-mode files. Use it to write, organize and share your thoughts, keep your to-do list, and build your own digital garden.
强迫症(OCD)属于焦虑障碍的一种类型,是一组以强迫思维和强迫行为为主要临床表现的神经精神疾病,其特点为有意识的强迫和反强迫并存,一些毫无意义、甚至违背自己意愿的想法或冲动反反复复侵入患者的日常生活。
etcd 是一个分布式、高可用的 key-value 数据存储,专门用于在分布式系统中保存关键数据。
我们平时所说的“架构”主要是指软件架构,这是有关软件整体结构与组件的抽象描述,用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。