能否给标题 Headings 自动编号?

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

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


更新:

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

3 操作
buzzingbee 在 2021-09-30 17:07:29 更新了该帖
buzzingbee 在 2021-09-07 10:26:40 更新了该帖
buzzingbee 在 2021-09-07 07:59:18 更新了该帖

广告 我要投放

被采纳的回答
  • crowds21
    订阅者
    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

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • crowds21 1 评论
    订阅者

    image.png

    1 回复
    少了一个方括号
    crowds21
  • 其他回帖
  • 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 回复
  • buzzingbee
    订阅者 作者

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

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

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

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

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

    感谢!

    3 回复
  • crowds21
    订阅者
    1 操作
    crowds21 在 2021-09-06 19:05:49 更新了该回帖
  • 查看全部回帖