想知道笔记插件锤子便签主题的边框背景颜色的代码和标题用的是什么字体(见图中蓝色圈出部分)
另外,想知道如何更换笔记正文字体的字体颜色,笔记自带外观-字体颜色中没有喜欢的字体颜色,笔记插件“配色方案”和“TE 颜色选择器”不太会用,代码也不太懂,还有没有其它办法,新手小白一枚,谢谢啦
想知道笔记插件锤子便签主题的边框背景颜色的代码和标题用的是什么字体(见图中蓝色圈出部分)
另外,想知道如何更换笔记正文字体的字体颜色,笔记自带外观-字体颜色中没有喜欢的字体颜色,笔记插件“配色方案”和“TE 颜色选择器”不太会用,代码也不太懂,还有没有其它办法,新手小白一枚,谢谢啦
边框背景颜色的代码,这个背景其实是个图片,更换图片即可
图片路径:conf/appearance/themes/chuizi/src/background1.jpg
.fn__flex.fn__flex-1 {
background-image: url(../../src/background1.jpg);
}
标题字体是 systh,参见下面的代码
这个字体的路径在 conf/appearance/themes/chuizi/src/SourceHanSerifCN-Heavy.ttf
.block__logo, .b3-dialog__container .config__panel>.b3-tab-bar::before, .protyle-title__input, .sy__outline .b3-list-item[title] {
font-family: "systh" !important;
font-weight: bold !important;
}
如何更换笔记正文字体的字体颜色,锤子主题的正文颜色继承自 body,其实如果单纯想改变正文颜色,建议用下面的样式(把下面的代码添加到设置 》外观 》代码片段 》css 里即可)
.protyle-wysiwyg, .protyle-preview p {
/* 颜色根据自己喜好修改,这里仅仅是演示,具体颜色值可自定义或吸色工具吸取或通过在线调色版复制 */
color: red;
}
效果
边框背景颜色的代码,这个背景其实是个图片,更换图片即可
图片路径:conf/appearance/themes/chuizi/src/background1.jpg
.fn__flex.fn__flex-1 {
background-image: url(../../src/background1.jpg);
}
标题字体是 systh,参见下面的代码
这个字体的路径在 conf/appearance/themes/chuizi/src/SourceHanSerifCN-Heavy.ttf
.block__logo, .b3-dialog__container .config__panel>.b3-tab-bar::before, .protyle-title__input, .sy__outline .b3-list-item[title] {
font-family: "systh" !important;
font-weight: bold !important;
}
如何更换笔记正文字体的字体颜色,锤子主题的正文颜色继承自 body,其实如果单纯想改变正文颜色,建议用下面的样式(把下面的代码添加到设置 》外观 》代码片段 》css 里即可)
.protyle-wysiwyg, .protyle-preview p {
/* 颜色根据自己喜好修改,这里仅仅是演示,具体颜色值可自定义或吸色工具吸取或通过在线调色版复制 */
color: red;
}
效果
我根据你说的效果,做了一个模板,仅供参考,图标和文字,你自己改改,如果自定义其他样式,可参考模板里的 style 属性做调整。
模板代码
下载上面的代码或保存为 xxxxx.md,然后放到/data/templates/文件夹中,然后就可以通过斜杠命令 /模板 进行导入了
效果
也可参考这里的代码,感觉两个需求类似
根据你提供的代码片段,安装后显示结果如下:
想要实现以下效果:
1、紫色、红色圈出部分不显示边框背景图片效果,希望与正文背景颜色(绿色圈出部分)一致;
2、蓝色圈出部分显示边框背景效果
谢谢大佬 🙏 🙏
宋真宗赵恒曾经说过:“书中自有黄金屋,书中自有颜如玉。”
Caddy 是一款默认自动启用 HTTPS 的 HTTP/2 Web 服务器。
OpenResty 是一个基于 NGINX 与 Lua 的高性能 Web 平台,其内部集成了大量精良的 Lua 库、第三方模块以及大多数的依赖项。用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关。
React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。
Postman 是一款简单好用的 HTTP API 调试工具。
互联网运维工作,以服务为中心,以稳定、安全、高效为三个基本点,确保公司的互联网业务能够 7×24 小时为用户提供高质量的服务。
Spark 是 UC Berkeley AMP lab 所开源的类 Hadoop MapReduce 的通用并行框架。Spark 拥有 Hadoop MapReduce 所具有的优点;但不同于 MapReduce 的是 Job 中间输出结果可以保存在内存中,从而不再需要读写 HDFS,因此 Spark 能更好地适用于数据挖掘与机器学习等需要迭代的 MapReduce 的算法。
钉钉,专为中国企业打造的免费沟通协同多端平台, 阿里巴巴出品。
PWA(Progressive Web App)是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术,在网页应用中实现和原生应用相近的用户体验。
etcd 是一个分布式、高可用的 key-value 数据存储,专门用于在分布式系统中保存关键数据。
安全永远都不是一个小问题。
Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎,基于 RESTful 接口。Elasticsearch 是用 Java 开发的,并作为 Apache 许可条款下的开放源码发布,是当前流行的企业级搜索引擎。设计用于云计算中,能够达到实时搜索,稳定,可靠,快速,安装使用方便。
i18n(其来源是英文单词 internationalization 的首末字符 i 和 n,18 为中间的字符数)是“国际化”的简称。对程序来说,国际化是指在不修改代码的情况下,能根据不同语言及地区显示相应的界面。
Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等,它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比,Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面,而不需要启动整个 Web 应用。
大数据(big data)是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合,是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。
机器学习(Machine Learning)是一门多领域交叉学科,涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为,以获取新的知识或技能,重新组织已有的知识结构使之不断改善自身的性能。
又拍云是国内领先的 CDN 服务提供商,国家工信部认证通过的“可信云”,乌云众测平台认证的“安全云”,为移动时代的创业者提供新一代的 CDN 加速服务。
红帽提供的 PaaS 云,支持多种编程语言,为开发人员提供了更为灵活的框架、存储选择。
Ant Design 是服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。
DNSPod 建立于 2006 年 3 月份,是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析,让电信用户访问电信的服务器,网通的用户访问网通的服务器,教育网的用户访问教育网的服务器,达到互联互通的效果。
gzip (GNU zip)是 GNU 自由软件的文件压缩程序。我们在 Linux 中经常会用到后缀为 .gz 的文件,它们就是 Gzip 格式的。现今已经成为互联网上使用非常普遍的一种数据压缩格式,或者说一种文件格式。
Swift 是苹果于 2014 年 WWDC(苹果开发者大会)发布的开发语言,可与 Objective-C 共同运行于 Mac OS 和 iOS 平台,用于搭建基于苹果平台的应用程序。
ZeroNet 是一个基于比特币加密技术和 BT 网络技术的去中心化的、开放开源的网络和交流系统。
Hexo 是一款快速、简洁且高效的博客框架,使用 Node.js 编写。
小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务,可以用于社群互动。
由于 Smart QQ 从 2019 年 1 月 1 日起停止服务,所以该项目也已经停止维护了!