自己那 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)
不太清楚,用你的代码和主题和文件并没有发现有问题,如图
不知道是否插件影响,建议把集市插件先关掉试试
不过,还是建议你加上这段代码,做个兼容处理
/* li前缀图标大小 */
.protyle .protyle-wysiwyg .li[data-subtype="u"] > .protyle-action svg {
height: var(--my-u-li-icon-size);
width: var(--my-u-li-icon-size);
}
经测试,其他主题下,以上代码片段不生效
我测试了官方主题,Asri 主题,包括你的主题,都没问题,你那边不清楚什么原因,实在不行建议新建个空间测试看看。以排除是否什么东西干扰导致的。
另外,我在 Mac 上 3.1.2 上测试的,不清楚是否和系统及版本有关。
RYMCU 致力于打造一个即严谨又活泼、专业又不失有趣,为数百万人服务的开源嵌入式知识学习交流平台。
jQuery 是一套跨浏览器的 JavaScript 库,强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery,是非常受欢迎的 JavaScript 库。
让我们欢迎这对新人。哦,不好意思说错了,让我们欢迎这位新人!
新手上路,请谨慎驾驶!
Open Source, Open Mind, Open Sight, Open Future!
一种软件架构设计风格而不是标准,提供了一组设计原则和约束条件,主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁,更有层次,更易于实现缓存等机制。
有点意思就行了
C 语言是一门通用计算机编程语言,应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。
NGINX 是一个高性能的 HTTP 和反向代理服务器,也是一个 IMAP/POP3/SMTP 代理服务器。 NGINX 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的,第一个公开版本 0.1.0 发布于 2004 年 10 月 4 日。
iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。
PHP(Hypertext Preprocessor)是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点,主要适用于 Web 开发领域,据说是世界上最好的编程语言。
GitLab 是利用 Ruby 一个开源的版本管理系统,实现一个自托管的 Git 项目仓库,可通过 Web 界面操作公开或私有项目。
VirtualBox 是一款开源虚拟机软件,最早由德国 Innotek 公司开发,由 Sun Microsystems 公司出品的软件,使用 Qt 编写,在 Sun 被 Oracle 收购后正式更名成 Oracle VM VirtualBox。
TextBundle 文件格式旨在应用程序之间交换 Markdown 或 Fountain 之类的纯文本文件时,提供更无缝的用户体验。
DNSPod 建立于 2006 年 3 月份,是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析,让电信用户访问电信的服务器,网通的用户访问网通的服务器,教育网的用户访问教育网的服务器,达到互联互通的效果。
大数据(big data)是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合,是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。
TensorFlow 是一个采用数据流图(data flow graphs),用于数值计算的开源软件库。节点(Nodes)在图中表示数学操作,图中的线(edges)则表示在节点间相互联系的多维数据数组,即张量(tensor)。
Bug 本意是指臭虫、缺陷、损坏、犯贫、窃听器、小虫等。现在人们把在程序中一些缺陷或问题统称为 bug(漏洞)。
找到自己的位置,萌新烦恼少。
HBase 是一个分布式的、面向列的开源数据库,该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable:一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样,HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。
Vim 是类 UNIX 系统文本编辑器 Vi 的加强版本,加入了更多特性来帮助编辑源代码。Vim 的部分增强功能包括文件比较(vimdiff)、语法高亮、全面的帮助系统、本地脚本(Vimscript)和便于选择的可视化模式。
ActiveMQ 是 Apache 旗下的一款开源消息总线系统,它完整实现了 JMS 规范,是一个企业级的消息中间件。
各种网址链接、内容导航。
提供一个服务绝不仅仅是简单的把硬件和软件累加在一起,它包括了服务的可靠性、服务的标准化、以及对服务的监控、维护、技术支持等。
锤子科技(Smartisan)成立于 2012 年 5 月,是一家制造移动互联网终端设备的公司,公司的使命是用完美主义的工匠精神,打造用户体验一流的数码消费类产品(智能手机为主),改善人们的生活质量。
Dubbo 是一个分布式服务框架,致力于提供高性能和透明化的 RPC 远程服务调用方案,是 [阿里巴巴] SOA 服务化治理方案的核心框架,每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持,并被广泛应用于阿里巴巴集团的各成员站点。
Hexo 是一款快速、简洁且高效的博客框架,使用 Node.js 编写。