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

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

我的会员推广码(vfW6RGB )


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

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

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


更新:

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

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

  • 思源笔记

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

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

    17931 引用 • 65784 回帖
  • Q&A

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

    6300 引用 • 28263 回帖 • 276 关注

相关帖子

被采纳的回答
    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

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 目前只能通过自定义 CSS 实现,导出的话还不行。

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

    1 回复
  • buzzingbee
    作者

    感谢关注,我从这个论坛没有搜索出来。希望早日有人提供相关插件或自定义方法,我自己是不会的。

  • :root{
    /*打开theme.css第一个就是这个 root*/
        counter-reset:counter_h1;
    }
    
    /****************************************自定义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
    }
    [data-subtype=h2][data-node-id].h2 [contenteditable][spellcheck]::before{
    	content:  counter(counter_h1)"."counter(counter_h2)" ";
    }
    
    

    image.png

    1 回复
  • buzzingbee
    作者

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

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

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

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

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

    感谢!

    3 回复
    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
    2 回复
    1. :root{ } 里面的代码,你放在 :root{ } 里面 第一行或者最后一行就好.
    2. 自定义的部分放在 :root 外面. 直接拉到 theme.css 文件底部然后复制进去
    3. daylight 是思源的默认主题,每次打开软件都会重置,不要再 daylight 上面修改. 具体方法参见上面的回复
  • 想要 h1 开始计数,就把 h2 全改成 h1

    想要 h4 也有次级标题,就把 h3 的复制一遍,并改成 h4. 同时自定义部分,第一个 h3 参考一下 h2 添加一下 counter-reset: counter_h3

    再往下同理.

  • buzzingbee
    作者

    非常详细,这次搞定了!谢谢!

  • 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 回复
  • tenstu

    楼主你好,你提到的注销生效是指电脑系统注销吗?还是思源账户退出登录,两者我都试了,还是不能生效,请问你是怎么生效的?

    1 回复
    1 操作
    tenstu 在 2021-09-30 16:13:42 更新了该回帖
  • buzzingbee
    作者

    注销系统

  • crowds21 1 评论

    image.png

    1 回复
    少了一个方括号
    crowds21
  • tenstu

    😭 可以了,谢谢大佬,居然是这个地方错了,因为先前设置两级的时候成功了,以为代码就不会出问题了,还是没检查到位啊

  • ttChen

    标题编号 - 动作信息 - Quicker (getquicker.net)

    解决了通过 CSS 编号导致后续笔记导出时出现编号消失的问题;

    解决了 H1 标题不存在时,出现标题 0.1、0.01 等错误编号问题

    1 回复
  • Nefelibata

    能否开发一个思源内部的挂件?实在不想因为一个功能再装一个软件,还要注册

请输入回帖内容 ...

推荐标签 标签

  • MongoDB

    MongoDB(来自于英文单词“Humongous”,中文含义为“庞大”)是一个基于分布式文件存储的数据库,由 C++ 语言编写。旨在为应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。它支持的数据结构非常松散,是类似 JSON 的 BSON 格式,因此可以存储比较复杂的数据类型。

    90 引用 • 59 回帖 • 3 关注
  • 一些有用的避坑指南。

    69 引用 • 93 回帖
  • Bug

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

    76 引用 • 1736 回帖 • 6 关注
  • Redis

    Redis 是一个开源的使用 ANSI C 语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库,并提供多种语言的 API。从 2010 年 3 月 15 日起,Redis 的开发工作由 VMware 主持。从 2013 年 5 月开始,Redis 的开发由 Pivotal 赞助。

    284 引用 • 247 回帖 • 219 关注
  • Ubuntu

    Ubuntu(友帮拓、优般图、乌班图)是一个以桌面应用为主的 Linux 操作系统,其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词,意思是“人性”、“我的存在是因为大家的存在”,是非洲传统的一种价值观,类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    122 引用 • 168 回帖
  • TensorFlow

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

    20 引用 • 19 回帖 • 2 关注
  • 心情

    心是产生任何想法的源泉,心本体会陷入到对自己本体不能理解的状态中,因为心能产生任何想法,不能分出对错,不能分出自己。

    59 引用 • 369 回帖
  • 小说

    小说是以刻画人物形象为中心,通过完整的故事情节和环境描写来反映社会生活的文学体裁。

    28 引用 • 108 回帖 • 1 关注
  • 负能量

    上帝为你关上了一扇门,然后就去睡觉了....努力不一定能成功,但不努力一定很轻松 (° ー °〃)

    85 引用 • 1183 回帖 • 465 关注
  • SendCloud

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

    2 引用 • 8 回帖 • 426 关注
  • SSL

    SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    69 引用 • 190 回帖 • 503 关注
  • Q&A

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

    6300 引用 • 28263 回帖 • 275 关注
  • React

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

    192 引用 • 291 回帖 • 449 关注
  • IBM

    IBM(国际商业机器公司)或万国商业机器公司,简称 IBM(International Business Machines Corporation),总公司在纽约州阿蒙克市。1911 年托马斯·沃森创立于美国,是全球最大的信息技术和业务解决方案公司,拥有全球雇员 30 多万人,业务遍及 160 多个国家和地区。

    16 引用 • 53 回帖 • 104 关注
  • ZooKeeper

    ZooKeeper 是一个分布式的,开放源码的分布式应用程序协调服务,是 Google 的 Chubby 一个开源的实现,是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件,提供的功能包括:配置维护、域名服务、分布式同步、组服务等。

    59 引用 • 29 回帖 • 20 关注
  • 黑曜石

    黑曜石是一款强大的知识库工具,支持本地 Markdown 文件编辑,支持双向链接和关系图。

    A second brain, for you, forever.

    9 引用 • 82 回帖 • 1 关注
  • RIP

    愿逝者安息!

    8 引用 • 92 回帖 • 287 关注
  • BAE

    百度应用引擎(Baidu App Engine)提供了 PHP、Java、Python 的执行环境,以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用,并且提供动态扩容和负载均衡的运行环境,让开发者不用考虑高成本的运维工作,只需专注于业务逻辑,大大降低了开发者学习和迁移的成本。

    19 引用 • 75 回帖 • 607 关注
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    710 引用 • 1173 回帖 • 199 关注
  • Vue.js

    Vue.js(读音 /vju ː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    261 引用 • 662 回帖
  • 微软

    微软是一家美国跨国科技公司,也是世界 PC 软件开发的先导,由比尔·盖茨与保罗·艾伦创办于 1975 年,公司总部设立在华盛顿州的雷德蒙德(Redmond,邻近西雅图)。以研发、制造、授权和提供广泛的电脑软件服务业务为主。

    8 引用 • 44 回帖
  • Logseq

    Logseq 是一个隐私优先、开源的知识库工具。

    Logseq is a joyful, open-source outliner that works on top of local plain-text Markdown and Org-mode files. Use it to write, organize and share your thoughts, keep your to-do list, and build your own digital garden.

    4 引用 • 53 回帖 • 4 关注
  • NetBeans

    NetBeans 是一个始于 1997 年的 Xelfi 计划,本身是捷克布拉格查理大学的数学及物理学院的学生计划。此计划延伸而成立了一家公司进而发展这个商用版本的 NetBeans IDE,直到 1999 年 Sun 买下此公司。Sun 于次年(2000 年)六月将 NetBeans IDE 开源,直到现在 NetBeans 的社群依然持续增长。

    78 引用 • 102 回帖 • 631 关注
  • Hexo

    Hexo 是一款快速、简洁且高效的博客框架,使用 Node.js 编写。

    21 引用 • 140 回帖 • 26 关注
  • SMTP

    SMTP(Simple Mail Transfer Protocol)即简单邮件传输协议,它是一组用于由源地址到目的地址传送邮件的规则,由它来控制信件的中转方式。SMTP 协议属于 TCP/IP 协议簇,它帮助每台计算机在发送或中转信件时找到下一个目的地。

    4 引用 • 18 回帖 • 580 关注
  • 七牛云

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

    25 引用 • 215 回帖 • 163 关注
  • 生活

    生活是指人类生存过程中的各项活动的总和,范畴较广,一般指为幸福的意义而存在。生活实际上是对人生的一种诠释。生活包括人类在社会中与自己息息相关的日常活动和心理影射。

    228 引用 • 1450 回帖