为知笔记markdown样式设置标题自动编号


截至目前(2020年12月25日)为知笔记markdown样式未设置标题自动编号,这么好的功能,怎么能没有呢?

准备环节

确定为知笔记MarkDown样式位置

参考为知笔记说明如何修改Markdown笔记样式? | Windows版常见问题

可以自行修改github2.css ,修改前和修改后建议备份文件,后续更新版本时会被覆盖。 github2.css 位置: \Program Files\Wiz\WizTools\htmleditor\dependency\github2.css 或 \Program Files(x86)\Wiz\WizTools\htmleditor\dependency\github2.css

自己动手设置标题自动编号

备份样式文件

切换到C:\Program Files (x86)\WizNote\WizTools\htmleditor\dependency路径,锁定github2.css,动手前先备份下文件。

增加自动编号

复制以下css代码,添加到文末,默认自动编号到5级标题。

/* 增加markdown标题编号*/
/* 首先在父元素中(在这里是类markdown-body的元素),初始化你想要编号的最大标题的计数。默认从h1开始编号。 */
.markdown-body {
    counter-reset: h1;
}
/* 然后父标题初始化子标题的计数,下面以此类推。 */
h1 {
    counter-reset: h2;
}
h2 {
    counter-reset: h3;
}
h3 {
    counter-reset: h4;
}
h4 {
    counter-reset: h5;
}
/* 接着在每个标题前面自动加上编号 */
h1:before {
    counter-increment: h1;
    content: counter(h1) ". ";
}
h2:before {
    counter-increment: h2;
    content: counter(h1) "." counter(h2) ". ";
}
h3:before {
    counter-increment: h3;
    content: counter(h1) "." counter(h2) "." counter(h3) ". ";
}
h4:before {
    counter-increment: h4;
    content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) ". ";
}
h5:before {
    counter-increment: h5;
    content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". ";
}

懒得动手设置

  1. 下载改好的github2.css;
  2. 切换到C:\Program Files (x86)\WizNote\WizTools\htmleditor\dependency路径,替换;
  3. 忘备份了?这里有github2.css原文件

最终的效果

遗留问题

  1. TOC目录中编号没有出现;
  2. 大纲目录中编号没出现。

文章作者: 小酌笔墨
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 小酌笔墨 !
 上一篇
应用python进行自然语言处理分析-舆情文本4-模型接口JSON-API 应用python进行自然语言处理分析-舆情文本4-模型接口JSON-API
项目描述基于舆情数据建模部署,进行机器学习模型的API开发、应用。 实现发送json格式数据; 实现json接口-处理1条数据; 实现json接口-处理多条数据; 使用postman进行测试。
2020-12-30
下一篇 
应用python进行自然语言处理分析-舆情文本3-模型部署应用 应用python进行自然语言处理分析-舆情文本3-模型部署应用
项目描述基于舆情数据建模分析,进行机器学习模型的部署、应用。 生成机器学习模型; flask实现机器学习模型部署; flask实现前端输入一段文字、实现jieba分词、编码、过滤关键词、返回特种设备分类; flask接口实现json格式数
2020-12-19
  目录