登录注册

希望显化大纲标题级别

本人喜欢使用大纲来记笔记，通过观看字体的大小很难判断几级标题，于是只能通过大纲来进行观看标题级别，但是本人具有弱色盲，大纲的标题级别看的不是很清楚，希望各位大佬能不能出手将这个数字调为黑色，加粗，在不影响没感的情况下尽量大一点

思源笔记

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

融合块、大纲和双向链接，重构你的思维。
23025 引用 • 92619 回帖
Q&A

提问之前请先看《提问的智慧》，好的问题比好的答案更有价值。
8452 引用 • 38494 回帖 • 155 关注

1 引用

[css] [js] 思源代码片段插件分享（CongSec 版） • CongSec

CongSec 3 个月前香港位置

100 悬赏

2 收藏

1 引用

7 回帖

241 181 57 1 2

效果图

默认主题

7 回帖

希望显化大纲标题级别

欢迎来到这里！

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

注册关于

请输入回帖内容 ...

ZiYunMaster • 3 个月前

这个效果好使（膜拜大佬的同时，留下了没有技术的泪水）
其他回帖

Muu • 3 个月前 • 1

付费者

这个结构是我根据写味主题的源码改的, 看你的图是都改成了黑色的, 所以这里的颜色我也都是用了黑色的

另外这个代码跟我上一个评论里的代码实现方式不同, 所以需要禁用/删除掉我上个评论里面的代码片段

/* 屏蔽原始的图标显示 */ 
.sy__outline .b3-list-item .b3-list-item__graphic.popover__block {
    display: none;
}
.sy__outline ul.b3-list.b3-list--background{
	& [data-subtype*="h"]{
	>span:first-child::after{
			visibility: visible!important;
			position:relative;
			left:4px;
			font-color: black;
			font-weight: 100px;
			border-radius:3px;
			opacity:1;
			font-size:18px;
			pointer-events:none;
			font-family:"Segoe UI";
		}
	}
	& svg.b3-list-item__graphic{
		margin-left:-19px;
		margin-right:4px;
		color:black;
		width:17px!important;
		border-radius:3px;
		opacity:0.2;
	}
	& [data-subtype="h1"]>span:first-child{
		&::after{
		content:"𝟭";
		color:black;
		}
		&+svg.b3-list-item__graphic:hover{
			background-color:var(--h1-list-graphic);
		}
	}
	& [data-subtype="h2"]>span:first-child{
		&::after{
		content:"𝟮";
		color:black;
		}
		&+svg.b3-list-item__graphic:hover{
			background-color:var(--h2-list-graphic);
		}
	}
	& [data-subtype="h3"]>span:first-child{
		&::after{
		content:"𝟯";
		color:black;
		}
		&+svg.b3-list-item__graphic:hover{
			background-color:var(--h3-list-graphic);
		}
	}
	& [data-subtype="h4"]>span:first-child{
		&::after{
		content:"𝟰";
		color:black;
		}
		&+svg.b3-list-item__graphic:hover{
			background-color:var(--h4-list-graphic);
		}
	}
	& [data-subtype="h5"]>span:first-child{
		&::after{
		content:"𝟱";
		color:black;
		}
		&+svg.b3-list-item__graphic:hover{
			background-color:var(--h5-list-graphic);
		}
	}
	& [data-subtype="h6"]>span:first-child{
		&::after{
		content:"𝟲";
		color:black;
		}
		&+svg.b3-list-item__graphic:hover{
			background-color:var(--h6-list-graphic);
		}
	}
}

1 回复

CongSec • 3 个月前
付费者捐赠者作者

大佬，我用的写味主题，但是屏蔽原始图标显示好像并没有生效，能不能再出手一下

1 回复
CongSec • 3 个月前
付费者捐赠者作者

十分感谢，这正是我要的效果
查看全部回帖

CongSec

新手可以看我发的求助帖以及汇总帖子，很有帮助的!_! 香港

回帖

214

帖子

积分

近期热议

推荐标签标签

程序员

程序员是从事程序开发、程序维护的专业人员。
574 引用 • 3533 回帖
WebSocket

WebSocket 是 HTML5 中定义的一种新协议，它实现了浏览器与服务器之间的全双工通信（full-duplex）。
48 引用 • 206 回帖 • 317 关注
区块链

区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。所谓共识机制是区块链系统中实现不同节点之间建立信任、获取权益的数学算法。
91 引用 • 751 回帖 • 1 关注
Shell

Shell 脚本与 Windows/Dos 下的批处理相似，也就是用各类命令预先放入到一个文件中，方便一次性执行的一个程序文件，主要是方便管理员进行设置或者管理用的。但是它比 Windows 下的批处理更强大，比用其他编程程序编辑的程序效率更高，因为它使用了 Linux/Unix 下的命令。
123 引用 • 74 回帖 • 2 关注
星云链

星云链是一个开源公链，业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎，一个公链的所有功能，它基本都有，比如你可以用它来开发部署你的去中心化的 APP，你可以在上面编写智能合约，发送交易等等。3 分钟快速接入星云链 (NAS) 测试网
3 引用 • 16 回帖 • 5 关注
Pipe
Pipe 是一款小而美的开源博客平台。Pipe 有着非常活跃的社区，可将文章作为帖子推送到社区，来自社区的回帖将作为博客评论进行联动（具体细节请浏览 B3log 构思 - 分布式社区网络）。

这是一种全新的网络社区体验，让热爱记录和分享的你不再感到孤单！
132 引用 • 1114 回帖 • 125 关注
Vim

Vim 是类 UNIX 系统文本编辑器 Vi 的加强版本，加入了更多特性来帮助编辑源代码。Vim 的部分增强功能包括文件比较（vimdiff）、语法高亮、全面的帮助系统、本地脚本（Vimscript）和便于选择的可视化模式。
29 引用 • 66 回帖 • 2 关注
Wide

Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发，并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

欢迎访问我们运维的实例： https://wide.b3log.org
30 引用 • 218 回帖 • 635 关注
ZeroNet

ZeroNet 是一个基于比特币加密技术和 BT 网络技术的去中心化的、开放开源的网络和交流系统。
1 引用 • 21 回帖 • 632 关注
PWL
组织简介

用爱发电 (Programming With Love) 是一个以开源精神为核心的民间开源爱好者技术组织，“用爱发电”象征开源与贡献精神，加入组织，代表你将遵守组织的“个人开源爱好者”的各项条款。申请加入：用爱发电组织邀请帖。
用爱发电组织官网：https://programmingwithlove.stackoverflow.wiki/

用爱发电组织的核心驱动力：
- 遵守开源守则，体现开源&贡献精神：以分享为目的，拒绝非法牟利。
- 自我保护：使用适当的 License 保护自己的原创作品。
- 尊重他人：不以各种理由、各种漏洞进行未经允许的抄袭、散播、洩露；以礼相待，尊重所有对社区做出贡献的开发者；通过他人的分享习得知识，要留下足迹，表示感谢。
- 热爱编程、热爱学习：加入组织，热爱编程是首当其要的。我们欢迎热爱讨论、分享、提问的朋友，也同样欢迎默默成就的朋友。
- 倾听：正确并恳切对待、处理问题与建议，及时修复开源项目的 Bug ，及时与反馈者沟通。不抬杠、不无视、不辱骂。
- 平视：不诋毁、轻视、嘲讽其他开发者，主动提出建议、施以帮助，以和谐为本。只要他人肯努力，你也可能会被昔日小看的人所超越，所以请保持谦虚。
- 乐观且活跃：你的努力决定了你的高度。不要放弃，多年后回头俯瞰，才会发现自己已经成就往日所仰望的水平。积极地将项目开源，帮助他人学习、改进，自己也会获得相应的提升、成就与成就感。
1 引用 • 487 回帖 • 2 关注
Vditor
Vditor 是一款浏览器端的 Markdown 编辑器，支持所见即所得、即时渲染（类似 Typora）和分屏预览模式。它使用 TypeScript 实现，支持原生 JavaScript、Vue、React 和 Angular。
- Vditor 使用指南
- 在线试用
354 引用 • 1823 回帖 • 1 关注
Dubbo

Dubbo 是一个分布式服务框架，致力于提供高性能和透明化的 RPC 远程服务调用方案，是 [阿里巴巴] SOA 服务化治理方案的核心框架，每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持，并被广泛应用于阿里巴巴集团的各成员站点。
60 引用 • 82 回帖 • 603 关注
Q&A

提问之前请先看《提问的智慧》，好的问题比好的答案更有价值。
8452 引用 • 38494 回帖 • 155 关注
持续集成

持续集成（Continuous Integration）是一种软件开发实践，即团队开发成员经常集成他们的工作，通过每个成员每天至少集成一次，也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建（包括编译，发布，自动化测试）来验证，从而尽早地发现集成错误。
15 引用 • 7 回帖
SEO

发布对别人有帮助的原创内容是最好的 SEO 方式。
35 引用 • 200 回帖 • 27 关注
Maven

Maven 是基于项目对象模型（POM）、通过一小段描述信息来管理项目的构建、报告和文档的软件项目管理工具。
186 引用 • 318 回帖 • 282 关注
HTML

HTML5 是 HTML 下一个的主要修订版本，现在仍处于发展阶段。广义论及 HTML5 时，实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。
107 引用 • 295 回帖
30Seconds
📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
- 精选常见面试题，帮助您准备下一次面试
- 精选常见交互，帮助您拥有简洁酷炫的站点
- 精选有用的 React 片段，帮助你获取最佳实践
- 精选常见代码集，帮助您提高打码效率
- 整理前端界的最新资讯，邀您一同探索新世界
488 引用 • 384 回帖
BookxNote

BookxNote 是一款全新的电子书学习工具，助力您的学习与思考，让您的大脑更高效的记忆。

笔记整理交给我，一心只读圣贤书。

1 引用 • 1 回帖 • 1 关注
心情

心是产生任何想法的源泉，心本体会陷入到对自己本体不能理解的状态中，因为心能产生任何想法，不能分出对错，不能分出自己。
59 引用 • 369 回帖
danl

• 146 关注
机器学习

机器学习（Machine Learning）是一门多领域交叉学科，涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善自身的性能。
83 引用 • 37 回帖
Elasticsearch

Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎，基于 RESTful 接口。Elasticsearch 是用 Java 开发的，并作为 Apache 许可条款下的开放源码发布，是当前流行的企业级搜索引擎。设计用于云计算中，能够达到实时搜索，稳定，可靠，快速，安装使用方便。
117 引用 • 99 回帖 • 209 关注
Jenkins

Jenkins 是一套开源的持续集成工具。它提供了非常丰富的插件，让构建、部署、自动化集成项目变得简单易用。
53 引用 • 37 回帖 • 2 关注
创业

你比 99% 的人都优秀么？
85 引用 • 1399 回帖 • 1 关注
MyBatis

MyBatis 本是 Apache 软件基金会的一个开源项目 iBatis，2010 年这个项目由 Apache 软件基金会迁移到了 google code，并且改名为 MyBatis ，2013 年 11 月再次迁移到了 GitHub。
170 引用 • 414 回帖 • 387 关注
Mac

Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机，如：iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。
166 引用 • 595 回帖

希望显化大纲标题级别

相关帖子

求助个人 Server 如何读取 S3 数据

数据库表格无法加载

思源提示遇到一点问题，无法正常进入笔记

请问思源笔记的模板如何修改？

思源安装问题

SQL 求教 - 在路径内、列表内随机索引单个任务项

点代码片段导致白屏

效果图

欢迎来到这里！

近期热议

推荐标签标签

组织简介

用爱发电组织的核心驱动力：

最新标签

希望显化大纲标题级别

相关帖子

求助个人 Server 如何读取 S3 数据

数据库表格无法加载

思源提示遇到一点问题，无法正常进入笔记

请问思源笔记的模板如何修改？

思源安装问题

SQL 求教 - 在路径内、列表内随机索引单个任务项

点代码片段导致白屏

效果图

欢迎来到这里！

近期热议

推荐标签 标签

组织简介

用爱发电组织的核心驱动力：

最新标签

推荐标签标签