能否给标题 Headings 自动编号? (已解决)

本贴最后更新于 845 天前,其中的信息可能已经东海扬尘

我的会员推广码(vfW6RGB )


标题自动编序号对于非文科的文档来说太重要了,可是能够给 Markdown 标题自动编号的工具还真的不多。例如:

  • (Python) Jupyter Notebook,可以通过插件来实现;
  • Typora 也是可以通过插件 (可能是修改 css) 实现自动加编号。

思源能不能增加这个特色功能呢?在显示和导出时,给个自动标题编号?


更新:

按已采纳的方法搞定了,但请注意,在我解决这个问题的过程中,新的 css 并不能通过重启思源或者按 F5 来生效。只有从系统注销登陆后,再次登陆用户后再打开思源笔记,css 样式才最终生效。

该方法的另一个局限性是导出的 HTML 是没有标题编号的。

  • 思源笔记

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

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

    18691 引用 • 69775 回帖
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    6547 引用 • 29419 回帖 • 244 关注

相关帖子

被采纳的回答
    1. 复制一份 dalight,并改个名

    image.png

    1. 修改 conf 下的 conf.json, 添加 daylightPlus

    image.png

    1. 修改 daylightPlus 中的 theme.css
    
    :root{
    	/*其他乱七八糟代码*/
    
    	/*手动添加的部分*/
    	counter-reset:counter_h2;
    }
    
    /*全部粘贴到 :root 外面*/
    
    /*标题章节号. H2 和 H3 有序号*/
    [data-subtype=h2][data-node-id].h2{
    	counter-increment: counter_h2;
    	counter-reset: counter_h3;
    }
    [data-subtype=h2][data-node-id].h2 [contenteditable][spellcheck]::before{
    	content:  "第"counter(counter_h2)"章 ";
    }
    [data-subtype=h3][data-node-id].h3{
    	counter-increment: counter_h3
    }
    [data-subtype=h3][data-node-id].h3 [contenteditable][spellcheck]::before{
    	content:  counter(counter_h2)"."counter(counter_h3)" ";
    }
    
    1. 在 siyuan 中 按 F5

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • buzzingbee
    作者

    非常感谢提供代码,但我居然看着你的答案没搞定。

    首先,我尝试修改工作空间的 theme.css, 不起作用,原因应该是每次启动时,该 theme.css 文件会被另一个原版的 theme.css 替代;

    然后,我修改安装目录中 theme.css,启动思源后,该文件的确被复制到了工作空间,但是仍然不起作用;

    所以我认为,应该是我修改 theme.css 的方法不正确。请问:

    1. 你给的所有代码是做为一个整体复制并粘贴到 theme.css 中的某一行中去吗?放在哪一行不容易出错?
    2. 看到你的代码的自定义部分是写在 :root{} 的定义之外的,是不是我要把这一部分放在 root{} 之外呢? 我试过了,也没起作用

    感谢!

    3 回复
  • 其他回帖
  • 目前只能通过自定义 CSS 实现,导出的话还不行。

    请关注 Issue #522 · siyuan-note/siyuan 如果后面要做的话会重开,谢谢。

    1 回复
  • tenstu

    层主你好,我按你的做法进行修改,对 HI 和 H2 标题都成功了,但是三级标题及以下都不能显示正常序号,能麻烦看一下吗?

    /****************************************自定义CSS****************************************/
    [data-subtype=h1][data-node-id].h1{
    	counter-increment: counter_h1;
    	counter-reset: counter_h2;
    }
    [data-subtype=h1][data-node-id].h1 [contenteditable][spellcheck]::before{
    	content:  "第"counter(counter_h1)"章 ";
    }
    [data-subtype=h2][data-node-id].h2{
    	counter-increment: counter_h2;
    	counter-reset: counter_h3;
    }
    [data-subtype=h2][data-node-id].h2 [contenteditable][spellcheck]::before{
    	content:  counter(counter_h1)"."counter(counter_h2)" ";
    }
    [data-subtype=h3][data-node-id].h3{
    	counter-increment: counter_h3;
    	counter-reset: counter_h4;
    }
    [data-subtype=h3[data-node-id].h3 [contenteditable][spellcheck]::before{
    	content:  counter(counter_h1)"."counter(counter_h2)"."counter(counter_h3)" ";
    }
    [data-subtype=h4][data-node-id].h4{
    	counter-increment: counter_h4;
    	counter-reset: counter_h5;
    }
    [data-subtype=h4][data-node-id].h4 [contenteditable][spellcheck]::before{
    	content:  counter(counter_h1)"."counter(counter_h2)"."counter(counter_h3)"."counter(counter_h4)" ";
    }
    [data-subtype=h5][data-node-id].h5{
    	counter-increment: counter_h5
    }
    [data-subtype=h5][data-node-id].h5 [contenteditable][spellcheck]::before{
    	content:  counter(counter_h1)"."counter(counter_h2)"."counter(counter_h3)"."counter(counter_h4)"."counter(counter_h5)" ";
    }
    

    按 F5、重启思源,注销电脑账户都试过了,还是不能生效

    1 回复
  • crowds21 1 评论

    image.png

    1 回复
    少了一个方括号
    crowds21
  • 查看全部回帖

推荐标签 标签

  • 学习

    “梦想从学习开始,事业从实践起步” —— 习近平

    161 引用 • 473 回帖
  • Hprose

    Hprose 是一款先进的轻量级、跨语言、跨平台、无侵入式、高性能动态远程对象调用引擎库。它不仅简单易用,而且功能强大。你无需专门学习,只需看上几眼,就能用它轻松构建分布式应用系统。

    9 引用 • 17 回帖 • 598 关注
  • RIP

    愿逝者安息!

    8 引用 • 92 回帖 • 291 关注
  • OAuth

    OAuth 协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式不同之处是 oAuth 的授权不会使第三方触及到用户的帐号信息(如用户名与密码),即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权,因此 oAuth 是安全的。oAuth 是 Open Authorization 的简写。

    36 引用 • 103 回帖 • 10 关注
  • 域名

    域名(Domain Name),简称域名、网域,是由一串用点分隔的名字组成的 Internet 上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位(有时也指地理位置)。

    43 引用 • 208 回帖 • 2 关注
  • 七牛云

    七牛云是国内领先的企业级公有云服务商,致力于打造以数据为核心的场景化 PaaS 服务。围绕富媒体场景,七牛先后推出了对象存储,融合 CDN 加速,数据通用处理,内容反垃圾服务,以及直播云服务等。

    25 引用 • 215 回帖 • 165 关注
  • Openfire

    Openfire 是开源的、基于可拓展通讯和表示协议 (XMPP)、采用 Java 编程语言开发的实时协作服务器。Openfire 的效率很高,单台服务器可支持上万并发用户。

    6 引用 • 7 回帖 • 89 关注
  • Ngui

    Ngui 是一个 GUI 的排版显示引擎和跨平台的 GUI 应用程序开发框架,基于
    Node.js / OpenGL。目标是在此基础上开发 GUI 应用程序可拥有开发 WEB 应用般简单与速度同时兼顾 Native 应用程序的性能与体验。

    7 引用 • 9 回帖 • 345 关注
  • RabbitMQ

    RabbitMQ 是一个开源的 AMQP 实现,服务器端用 Erlang 语言编写,支持多种语言客户端,如:Python、Ruby、.NET、Java、C、PHP、ActionScript 等。用于在分布式系统中存储转发消息,在易用性、扩展性、高可用性等方面表现不俗。

    49 引用 • 60 回帖 • 396 关注
  • PWA

    PWA(Progressive Web App)是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术,在网页应用中实现和原生应用相近的用户体验。

    14 引用 • 69 回帖 • 133 关注
  • 开源中国

    开源中国是目前中国最大的开源技术社区。传播开源的理念,推广开源项目,为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。目前开源中国社区已收录超过两万款开源软件。

    7 引用 • 86 回帖 • 1 关注
  • abitmean

    有点意思就行了

    22 关注
  • PHP

    PHP(Hypertext Preprocessor)是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点,主要适用于 Web 开发领域,据说是世界上最好的编程语言。

    164 引用 • 407 回帖 • 527 关注
  • 小薇

    小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务,可以用于社群互动。

    由于 Smart QQ 从 2019 年 1 月 1 日起停止服务,所以该项目也已经停止维护了!

    34 引用 • 467 回帖 • 693 关注
  • Firefox

    Mozilla Firefox 中文俗称“火狐”(正式缩写为 Fx 或 fx,非正式缩写为 FF),是一个开源的网页浏览器,使用 Gecko 排版引擎,支持多种操作系统,如 Windows、OSX 及 Linux 等。

    7 引用 • 30 回帖 • 451 关注
  • GAE

    Google App Engine(GAE)是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。

    14 引用 • 42 回帖 • 687 关注
  • 旅游

    希望你我能在旅途中找到人生的下一站。

    85 引用 • 895 回帖
  • 安全

    安全永远都不是一个小问题。

    189 引用 • 813 回帖
  • Eclipse

    Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。

    75 引用 • 258 回帖 • 627 关注
  • 大数据

    大数据(big data)是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合,是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。

    89 引用 • 113 回帖
  • TensorFlow

    TensorFlow 是一个采用数据流图(data flow graphs),用于数值计算的开源软件库。节点(Nodes)在图中表示数学操作,图中的线(edges)则表示在节点间相互联系的多维数据数组,即张量(tensor)。

    20 引用 • 19 回帖
  • Node.js

    Node.js 是一个基于 Chrome JavaScript 运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞 I/O 模型而得以轻量和高效。

    138 引用 • 268 回帖 • 194 关注
  • Gitea

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

    4 引用 • 16 回帖 • 1 关注
  • Swift

    Swift 是苹果于 2014 年 WWDC(苹果开发者大会)发布的开发语言,可与 Objective-C 共同运行于 Mac OS 和 iOS 平台,用于搭建基于苹果平台的应用程序。

    34 引用 • 37 回帖 • 497 关注
  • Solo

    Solo 是一款小而美的开源博客系统,专为程序员设计。Solo 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    1425 引用 • 10043 回帖 • 469 关注
  • SendCloud

    SendCloud 由搜狐武汉研发中心孵化的项目,是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台,为开发者提供便利的 API 接口来调用服务,让邮件准确迅速到达用户收件箱并获得强大的追踪数据。

    2 引用 • 8 回帖 • 439 关注
  • danl
    62 关注