自己那 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)
大佬,你把无序列表的圆点设置小一点再测试下。
图中圆点大小跟默认值差不多,圆点越小、观察的越明显。
插件和其他代码片段我已经排除过,如果你那边把圆点调小后显示正常的话,就不折腾了,凑活用 😄
你若安好,便是晴天。
Spring 是一个开源框架,是于 2003 年兴起的一个轻量级的 Java 开发框架,由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构,分层架构允许使用者选择使用哪一个组件,同时为 JavaEE 应用程序开发提供集成的框架。
SQL Server 是由 [微软] 开发和推广的关系数据库管理系统(DBMS),它最初是由 微软、Sybase 和 Ashton-Tate 三家公司共同开发的,并于 1988 年推出了第一个 OS/2 版本。
WiFiDog 是一套开源的无线热点认证管理工具,主要功能包括:位置相关的内容递送;用户认证和授权;集中式网络监控。
提供一个服务绝不仅仅是简单的把硬件和软件累加在一起,它包括了服务的可靠性、服务的标准化、以及对服务的监控、维护、技术支持等。
黑曜石是一款强大的知识库工具,支持本地 Markdown 文件编辑,支持双向链接和关系图。
A second brain, for you, forever.
NGINX 是一个高性能的 HTTP 和反向代理服务器,也是一个 IMAP/POP3/SMTP 代理服务器。 NGINX 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的,第一个公开版本 0.1.0 发布于 2004 年 10 月 4 日。
你听到信仰的声音了么?
Bug 本意是指臭虫、缺陷、损坏、犯贫、窃听器、小虫等。现在人们把在程序中一些缺陷或问题统称为 bug(漏洞)。
MongoDB(来自于英文单词“Humongous”,中文含义为“庞大”)是一个基于分布式文件存储的数据库,由 C++ 语言编写。旨在为应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。它支持的数据结构非常松散,是类似 JSON 的 BSON 格式,因此可以存储比较复杂的数据类型。
正则表达式(Regular Expression)使用单个字符串来描述、匹配一系列遵循某个句法规则的字符串。
TensorFlow 是一个采用数据流图(data flow graphs),用于数值计算的开源软件库。节点(Nodes)在图中表示数学操作,图中的线(edges)则表示在节点间相互联系的多维数据数组,即张量(tensor)。
Markdown 是一种轻量级标记语言,用户可使用纯文本编辑器来排版文档,最终通过 Markdown 引擎将文档转换为所需格式(比如 HTML、PDF 等)。
Quicker 您的指尖工具箱!操作更少,收获更多!
Dubbo 是一个分布式服务框架,致力于提供高性能和透明化的 RPC 远程服务调用方案,是 [阿里巴巴] SOA 服务化治理方案的核心框架,每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持,并被广泛应用于阿里巴巴集团的各成员站点。
人工智能(Artificial Intelligence)是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。
Swift 是苹果于 2014 年 WWDC(苹果开发者大会)发布的开发语言,可与 Objective-C 共同运行于 Mac OS 和 iOS 平台,用于搭建基于苹果平台的应用程序。
HHKB 是富士通的 Happy Hacking 系列电容键盘。电容键盘即无接点静电电容式键盘(Capacitive Keyboard)。
百度应用引擎(Baidu App Engine)提供了 PHP、Java、Python 的执行环境,以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用,并且提供动态扩容和负载均衡的运行环境,让开发者不用考虑高成本的运维工作,只需专注于业务逻辑,大大降低了开发者学习和迁移的成本。
Vim 是类 UNIX 系统文本编辑器 Vi 的加强版本,加入了更多特性来帮助编辑源代码。Vim 的部分增强功能包括文件比较(vimdiff)、语法高亮、全面的帮助系统、本地脚本(Vimscript)和便于选择的可视化模式。
哪里都缺人,哪里都不缺人。
OkHttp 是一款 HTTP & HTTP/2 客户端库,专为 Android 和 Java 应用打造。
小说是以刻画人物形象为中心,通过完整的故事情节和环境描写来反映社会生活的文学体裁。
DevOps(Development 和 Operations 的组合词)是一组过程、方法与系统的统称,用于促进开发(应用程序/软件工程)、技术运营和质量保障(QA)部门之间的沟通、协作与整合。
星云链是一个开源公链,业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎,一个公链的所有功能,它基本都有,比如你可以用它来开发部署你的去中心化的 APP,你可以在上面编写智能合约,发送交易等等。3 分钟快速接入星云链 (NAS) 测试网
记录并分享人生的经历。