功能增加标题自动序号

什么时候可以增加一个对标题自动编号的功能啊, 支持自定义的, 例如

一、

1.1

1.1.1

1.1.1.1

1.1.1.2

1.1.1.3

二、

等等, 现在虽然部分插件以及自定义 css 可以实现, 但是都存在一些问题, 例如自定义 css 的话, 在导出笔记为 pdf 的时候, 序号消失, 而采用插件的话, 目前对长文本的支持貌似都是不太好, 存在极大的不稳定性, 很容易就把笔记的格式搞乱了, 所以现在迫切需要官方能够出一个标题自动编号的功能,能给稳定编号, 且导出时可见

  • 思源笔记

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

    融合块、大纲和双向链接,重构你的思维。

    26351 引用 • 109594 回帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • Lu9693 1 赞同

    强烈官方增加这个功能

  • EmptyLight

    代码片段在导出 PDF 的时候会应用的,可以说说怎么自定义 CSS 以及遇到什么问题,可以把 CSS 发出来看看

    1 回复
  • Lu9693 4 评论

    目前在用 QYL 主题,有序编号阴影偏上。希望大佬能帮忙修改下代码,CSS 代码如下:
    image.png

    /* 五层有序列表 CSS片段(已知问题:方框阴影错位) */
    /* 隐藏原始编号 */
    .li[data-subtype="o"] .li[data-subtype="o"] .protyle-action--order {
        color: transparent !important;
    }
    
    /* 动态生成编号的颜色 */
    .li[data-subtype="o"] .li[data-subtype="o"] .protyle-action::after {
        color: var(--b3-theme-on-background);
    }
    
    /* 初始化计数器 */
    .list[data-subtype="o"] {
        counter-reset: o1 0 o2 0 o3 0 o4 0 o5 0;
    }
    
    /* 第一层嵌套:阿拉伯数字 (1. 2. 3.) */
    .li[data-subtype="o"] > .protyle-action::after {
        counter-increment: o1;
        content: counter(o1, decimal) ".";
        position: absolute;
        padding: 3px 2px;
        width: 24px;
        display: flex;
        justify-content: center;
        margin: -20px 0 0 -8px !important;
    }
    
    /* 第二层嵌套:中文括号 + 阿拉伯数字 ((1) (2) (3)) */
    .li[data-subtype="o"] .li[data-subtype="o"] > .protyle-action::after {
        counter-increment: o2;
        content: "(" counter(o2, decimal) ")";
        position: absolute;
    }
    
    /* 第三层嵌套:大写拉丁字母 (A. B. C.) */
    .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] > .protyle-action::after {
        counter-increment: o3;
        content: counter(o3, upper-alpha) ".";
        position: absolute;
    }
    
    /* 新增第三层和第四层之间的层级:中文括号包裹的小写字母 ((a) (b) (c)) */
    .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] > .protyle-action::after {
        counter-increment: o4;
        content: "(" counter(o4, lower-alpha) ")";
        position: absolute;
    }
    
    /* 原第四层顺延为第五层:小写罗马数字 (i. ii. iii.) */
    .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] > .protyle-action::after {
        counter-increment: o5;
        content: counter(o5, lower-roman) ".";
        position: absolute;
    }
    
    /* 循环更深层次嵌套,按五层规则重新开始 */
    
    /* 第一层规则:阿拉伯数字 (循环) */
    .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] > .protyle-action::after {
        counter-increment: o1;
        content: counter(o1, decimal) ".";
        position: absolute;
    }
    
    /* 第二层规则:中文括号 + 阿拉伯数字 (循环) */
    .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] > .protyle-action::after {
        counter-increment: o2;
        content: "(" counter(o2, decimal) ")";
        position: absolute;
    }
    
    /* 第三层规则:大写拉丁字母 (循环) */
    .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] > .protyle-action::after {
        counter-increment: o3;
        content: counter(o3, upper-alpha) ".";
        position: absolute;
    }
    
    /* 新增层级规则:中文括号包裹的小写字母 (循环) */
    .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] > .protyle-action::after {
        counter-increment: o4;
        content: "(" counter(o4, lower-alpha) ")";
        position: absolute;
    }
    
    /* 第五层规则:小写罗马数字 (循环) */
    .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] .li[data-subtype="o"] > .protyle-action::after {
        counter-increment: o5;
        content: counter(o5, lower-roman) ".";
        position: absolute;
    }    
    
    1 回复
    自定义编号的阴影位置不对这个问题我还没有办法解决,用 VSCode Lite Edit 主题也会遇到同样的问题。或许得请教其他主题作者,抱歉。
    EmptyLight
    @EmptyLight VSCode Lite Edit 主题同样可用,代码我发在上面了,你改一下前面的选择器就行
    queguaiya
    @queguaiya 我去试试
    EmptyLight
    @queguaiya 不管怎么实现的,管用就行,感谢佬
    EmptyLight
  • queguaiya 1

    如果是 QYL 主题,添加以下 CSS 代码,不过实现方法有点诡异

    :is([data-light-theme="QYL-theme"], [data-dark-theme="QYL-theme"]) .protyle-wysiwyg [data-node-id].li>.protyle-action {
        width: auto;
        aspect-ratio: 1 / 1;
        &::after {
            animation: none;
            border-radius: 50%;
            padding: 0;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto !important;
            width: 100%;
            height: 100%;
            font-size: 1.42em;
            transform: scale(0.7);
        }
    }
    
    1 回复
    1 操作
    queguaiya 在 2025-06-12 17:05:38 更新了该回帖
  • Lu9693 1 评论

    谢谢大佬

    优化了一下,你重新复制
    queguaiya

推荐标签 标签

  • SVN

    SVN 是 Subversion 的简称,是一个开放源代码的版本控制系统,相较于 RCS、CVS,它采用了分支管理系统,它的设计目标就是取代 CVS。

    29 引用 • 98 回帖 • 698 关注
  • CSS

    CSS(Cascading Style Sheet)“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    198 引用 • 543 回帖 • 1 关注
  • Angular

    AngularAngularJS 的新版本。

    26 引用 • 66 回帖 • 563 关注
  • 导航

    各种网址链接、内容导航。

    45 引用 • 177 回帖 • 1 关注
  • 外包

    有空闲时间是接外包好呢还是学习好呢?

    26 引用 • 233 回帖 • 1 关注
  • uTools

    uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件,打造你得心应手的工具集合。

    7 引用 • 28 回帖
  • ActiveMQ

    ActiveMQ 是 Apache 旗下的一款开源消息总线系统,它完整实现了 JMS 规范,是一个企业级的消息中间件。

    19 引用 • 13 回帖 • 684 关注
  • 智能合约

    智能合约(Smart contract)是一种旨在以信息化方式传播、验证或执行合同的计算机协议。智能合约允许在没有第三方的情况下进行可信交易,这些交易可追踪且不可逆转。智能合约概念于 1994 年由 Nick Szabo 首次提出。

    1 引用 • 11 回帖
  • 微服务

    微服务架构是一种架构模式,它提倡将单一应用划分成一组小的服务。服务之间互相协调,互相配合,为用户提供最终价值。每个服务运行在独立的进程中。服务于服务之间才用轻量级的通信机制互相沟通。每个服务都围绕着具体业务构建,能够被独立的部署。

    96 引用 • 155 回帖 • 1 关注
  • Bug

    Bug 本意是指臭虫、缺陷、损坏、犯贫、窃听器、小虫等。现在人们把在程序中一些缺陷或问题统称为 bug(漏洞)。

    76 引用 • 1742 回帖 • 3 关注
  • Markdown

    Markdown 是一种轻量级标记语言,用户可使用纯文本编辑器来排版文档,最终通过 Markdown 引擎将文档转换为所需格式(比如 HTML、PDF 等)。

    172 引用 • 1538 回帖
  • MyBatis

    MyBatis 本是 Apache 软件基金会 的一个开源项目 iBatis,2010 年这个项目由 Apache 软件基金会迁移到了 google code,并且改名为 MyBatis ,2013 年 11 月再次迁移到了 GitHub。

    173 引用 • 414 回帖 • 365 关注
  • Log4j

    Log4j 是 Apache 开源的一款使用广泛的 Java 日志组件。

    20 引用 • 18 回帖 • 36 关注
  • 反馈

    Communication channel for makers and users.

    120 引用 • 906 回帖 • 280 关注
  • SQLite

    SQLite 是一个进程内的库,实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。SQLite 是全世界使用最为广泛的数据库引擎。

    4 引用 • 7 回帖
  • Gitea

    Gitea 是一个开源社区驱动的轻量级代码托管解决方案,后端采用 Go 编写,采用 MIT 许可证。

    5 引用 • 16 回帖 • 1 关注
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎,可以结合 MySQL、PostgreSQL 做全文搜索,它可以提供比数据库本身更专业的搜索功能,使得应用程序更容易实现专业化的全文检索。

    1 引用 • 225 关注
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具,它能把各种资源,例如 JS、CSS(less/sass)、图片等都作为模块来使用和处理。

    42 引用 • 130 回帖 • 253 关注
  • WordPress

    WordPress 是一个使用 PHP 语言开发的博客平台,用户可以在支持 PHP 和 MySQL 数据库的服务器上架设自己的博客。也可以把 WordPress 当作一个内容管理系统(CMS)来使用。WordPress 是一个免费的开源项目,在 GNU 通用公共许可证(GPLv2)下授权发布。

    46 引用 • 114 回帖 • 166 关注
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架,使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用,例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 43 关注
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言,是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3201 引用 • 8217 回帖
  • React

    React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。

    192 引用 • 291 回帖 • 369 关注
  • 禅道

    禅道是一款国产的开源项目管理软件,她的核心管理思想基于敏捷方法 scrum,内置了产品管理和项目管理,同时又根据国内研发现状补充了测试管理、计划管理、发布管理、文档管理、事务管理等功能,在一个软件中就可以将软件研发中的需求、任务、bug、用例、计划、发布等要素有序的跟踪管理起来,完整地覆盖了项目管理的核心流程。

    10 引用 • 15 回帖
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    211 引用 • 358 回帖 • 2 关注
  • 笔记

    好记性不如烂笔头。

    311 引用 • 794 回帖
  • jsDelivr

    jsDelivr 是一个开源的 CDN 服务,可为 npm 包、GitHub 仓库提供免费、快速并且可靠的全球 CDN 加速服务。

    5 引用 • 31 回帖 • 109 关注
  • 书籍

    宋真宗赵恒曾经说过:“书中自有黄金屋,书中自有颜如玉。”

    84 引用 • 414 回帖