登录 注册

能否给标题 Headings 自动编号? （已解决）

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

我的会员推广码（vfW6RGB ）

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

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

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

更新:

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

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

  • 思源笔记

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

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

    22355 引用 • 89464 回帖 • 1 关注
  • Q&A

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

    8120 引用 • 37032 回帖 • 159 关注
2 引用
笔记标题按照论文序号自动排版 • moongoat
请问思源有没有自动生成编号的功能，没有的话希望加上 • crowds21
7 操作
buzzingbee 在 2022-01-01 11:15:55 更新了该帖
buzzingbee 在 2022-01-01 11:15:35 更新了该帖
buzzingbee 在 2021-11-04 15:54:38 更新了该帖
buzzingbee 在 2021-11-04 15:54:22 更新了该帖 buzzingbee 在 2021-09-30 17:07:29 更新了该帖 buzzingbee 在 2021-09-07 10:26:40 更新了该帖 buzzingbee 在 2021-09-07 07:59:18 更新了该帖
武汉 位置
20 悬赏
2 感谢
1 关注
3 收藏
1 赞同
2 引用
7 操作
16 回帖
6
4
3
2.5k 415 452 605 117 27 831

相关帖子

被采纳的回答
  • crowds21 • • 1
    订阅者 付费者
    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
16 回帖
能否给标题 Headings 自动编号? （已解决）

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • 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
    订阅者 付费者
    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 回复
  • tenstu •

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

    1 回复
    1 操作
    tenstu 在 2021-09-30 16:13:42 更新了该回帖
  • crowds21 •
    订阅者 付费者

    想要 h1 开始计数,就把 h2 全改成 h1

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

    再往下同理.

  • 查看全部回帖
buzzingbee
武汉
回帖
271
 帖子
64
 积分
1468

近期热议

推荐标签 标签

  • SEO

    发布对别人有帮助的原创内容是最好的 SEO 方式。

    35 引用 • 200 回帖 • 22 关注
  • 招聘

    哪里都缺人，哪里都不缺人。

    190 引用 • 1057 回帖
  • ReactiveX

    ReactiveX 是一个专注于异步编程与控制可观察数据（或者事件）流的 API。它组合了观察者模式，迭代器模式和函数式编程的优秀思想。

    1 引用 • 2 回帖 • 155 关注
  • API

    应用程序编程接口（Application Programming Interface）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。

    77 引用 • 430 回帖 • 1 关注
  • 服务

    提供一个服务绝不仅仅是简单的把硬件和软件累加在一起，它包括了服务的可靠性、服务的标准化、以及对服务的监控、维护、技术支持等。

    41 引用 • 24 回帖 • 1 关注
  • TensorFlow

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

    20 引用 • 19 回帖
  • 酷鸟浏览器

    安全 · 稳定 · 快速
    为跨境从业人员提供专业的跨境浏览器

    3 引用 • 59 回帖 • 25 关注
  • NGINX

    NGINX 是一个高性能的 HTTP 和反向代理服务器，也是一个 IMAP/POP3/SMTP 代理服务器。 NGINX 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的，第一个公开版本 0.1.0 发布于 2004 年 10 月 4 日。

    311 引用 • 546 回帖
  • Facebook

    Facebook 是一个联系朋友的社交工具。大家可以通过它和朋友、同事、同学以及周围的人保持互动交流，分享无限上传的图片，发布链接和视频，更可以增进对朋友的了解。

    4 引用 • 15 回帖 • 453 关注
  • PWA

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

    14 引用 • 69 回帖 • 155 关注
  • 强迫症

    强迫症（OCD）属于焦虑障碍的一种类型，是一组以强迫思维和强迫行为为主要临床表现的神经精神疾病，其特点为有意识的强迫和反强迫并存，一些毫无意义、甚至违背自己意愿的想法或冲动反反复复侵入患者的日常生活。

    15 引用 • 161 回帖
  • Flutter

    Flutter 是谷歌的移动 UI 框架，可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作，它正在被越来越多的开发者和组织使用，并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖
  • App

    App（应用程序，Application 的缩写）一般指手机软件。

    91 引用 • 384 回帖 • 1 关注
  • V2EX

    V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。

    17 引用 • 236 回帖 • 328 关注
  • Chrome

    Chrome 又称 Google 浏览器，是一个由谷歌公司开发的网页浏览器。该浏览器是基于其他开源软件所编写，包括 WebKit，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。

    62 引用 • 289 回帖
  • 星云链

    星云链是一个开源公链，业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎，一个公链的所有功能，它基本都有，比如你可以用它来开发部署你的去中心化的 APP，你可以在上面编写智能合约，发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖 • 1 关注
  • Wide

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

    欢迎访问我们运维的实例： https://wide.b3log.org

    30 引用 • 218 回帖 • 629 关注
  • ActiveMQ

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

    19 引用 • 13 回帖 • 672 关注
  • 脑图

    脑图又叫思维导图，是表达发散性思维的有效图形思维工具 ，它简单却又很有效，是一种实用性的思维工具。

    26 引用 • 84 回帖 • 2 关注
  • Netty

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

    49 引用 • 33 回帖 • 21 关注
  • 友情链接

    确认过眼神后的灵魂连接，站在链在！

    24 引用 • 373 回帖
  • Mobi.css

    Mobi.css is a lightweight, flexible CSS framework that focus on mobile.

    1 引用 • 6 回帖 • 733 关注
  • DNSPod

    DNSPod 建立于 2006 年 3 月份，是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析，让电信用户访问电信的服务器，网通的用户访问网通的服务器，教育网的用户访问教育网的服务器，达到互联互通的效果。

    6 引用 • 26 回帖 • 510 关注
  • 反馈

    Communication channel for makers and users.

    123 引用 • 911 回帖 • 245 关注
  • PHP

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

    179 引用 • 407 回帖 • 488 关注
  • OkHttp

    OkHttp 是一款 HTTP & HTTP/2 客户端库，专为 Android 和 Java 应用打造。

    16 引用 • 6 回帖 • 62 关注
  • Sublime

    Sublime Text 是一款可以用来写代码、写文章的文本编辑器。支持代码高亮、自动完成，还支持通过插件进行扩展。

    10 引用 • 5 回帖

最新标签