使用css实现 Typora markdown 标题自动编号

第一,找到主题文件夹

第二,复制下面代码放入 AutoNumber.css文件中


body {counter-reset: h1;
}#write h1,
.markdown-section h1 {counter-reset: h2;
}#write h2,
.markdown-section h2 {counter-reset: h3;
}#write h3,
.markdown-section h3 {counter-reset: h4;
}#write h4,
.markdown-section h4 {counter-reset: h5;
}#write h5,
.markdown-section h5 {counter-reset: h6;
}#write h1::before,
.markdown-section h1::before {counter-increment: h1;content: counter(h1) ". ";
}#write h2::before,
.markdown-section h2::before {counter-increment: h2;content: counter(h1) ". "counter(h2) " ";
}#write h3::before,
.markdown-section h3::before {counter-increment: h3;content: counter(h1) ". "counter(h2) "."counter(h3) " ";
}#write h4::before,
.markdown-section h4::before {counter-increment: h4;content: counter(h1) ". "counter(h2) "."counter(h3) "."counter(h4) " ";
}#write h5::before,
.markdown-section h5::before {counter-increment: h5;content: counter(h1) ". "counter(h2) "."counter(h3) "."counter(h4)"."counter(h5) " ";
}#write h6::before,
.markdown-section h6::before {counter-increment: h6;content: none;
}

如图

第三,在当前使用主题css文件中 顶部 引入该文件@import "AutoNumber.css";

第四,从新打开Typora

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/312935.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

红队打靶练习:SAR: 1

目录 信息收集 1、arp 2、netdiscover 3、nmap 4、nikto 5、whatweb 小结 目录探测 1、gobuster 2、dirsearch WEB CMS 1、cms漏洞探索 2、RCE漏洞利用 提权 get user.txt 本地提权 信息收集 1、arp ┌──(root㉿ru)-[~/kali] └─# arp-scan -l Interface:…

tp5+workman(GatewayWorker) 安装及使用

一、安装thinkphp5 1、宝塔删除php禁用函数putenv、pcntl_signal_dispatch、pcntl_wai、pcntl_signal、pcntl_alarm、pcntl_fork,执行安装命令。 composer create-project topthink/think5.0.* tp5 --prefer-dist 2、配置好站点之后,浏览器打开访问成…

自动化网络故障修复管理

什么是故障管理 故障管理是网络管理的组成部分,涉及检测、隔离和解决问题。如果实施得当,网络故障管理可以使连接、应用程序和服务保持在最佳水平,提供容错能力并最大限度地减少停机时间。专门为此目的设计的平台或工具称为故障管理系统。 …

springboot基于Java的小区物业管理系统设计与实现

springboot基于Java的小区物业管理系统设计与实现 源码获取: https://docs.qq.com/doc/DUXdsVlhIdVlsemdX

初始SpringBoot:详解特性和结构

🏡浩泽学编程:个人主页 🔥 推荐专栏:《深入浅出SpringBoot》《java项目分享》 《RabbitMQ》《Spring》《SpringMVC》 🛸学无止境,不骄不躁,知行合一 文章目录 前言一、SpringBoot…

Android集成OpenSSL实现加解密-集成

导入so 将编译生成的 OpenSSL 动态库文件(.so 文件)复制到你的 Android 项目的 libs 目录中 导入头文件 将编译生成的include文件夹导入到项目中 build.gradle添加配置 defaultConfig {……testInstrumentationRunner "androidx.test.runner…

20231231_小米音箱接入GPT

参考资料: GitHub - yihong0618/xiaogpt: Play ChatGPT and other LLM with Xiaomi AI Speaker *.设置运行脚本权限 Set-ExecutionPolicy -ExecutionPolicy RemoteSigned *.配置小米音箱 ()pip install miservice_fork -i https://pypi.tuna.tsinghua.edu.cn/sim…

TikTok真题第11天 | 1249.移除无效的括号、23.合并K个升序链表、773.滑动谜题

今天开始整hard题,果然费时。 1249.移除无效的括号 题目链接:1249.minimum-remove-to-make-valid-parentheses 解法: 这个题用栈来处理,用栈来记录左括号的位置,同时用一个向量来记录左括号和右括号是否有效&#x…

Navicat里修改表名和字段名的方法

一 修改表名 如图右键点击表名,选择“重命名”,输入新表名后,再敲回车键就可以保存。注意:新表名不能与已经有的表名重复。 二 修改字段名字及类型 第一步 如图右键点击表名,选择“设计表” 第二步 点击字段名字就可…

二叉堆的简单板子+理解+例题

首先,我们先要了解堆是什么? 堆:是一种高级树状数据结构,是一种完全二叉树。 (完全二叉树指的是,除了叶子节点,每个节点均有左右两个子节点的树状结构) 而,二叉堆是堆的最…

古有华山论剑,今有流程之争|谁在误导人?

有意思,今天被人怼了,说我误导人。 起因是我前些天写过两篇文章,第一篇是:Nextflow生物信息流程(一):简介 一个入门帖子,反响平平。我原本也是打算好好学习一下 Nextflow 来着&#…

Deeplearning4j 实战 (22):基于DSSM的语义匹配建模

Deeplearning4j 实战 (22):基于DSSM的语义匹配建模 Eclipse Deeplearning4j GitChat课程:Deeplearning4j 快速入门_专栏 Eclipse Deeplearning4j 系列博客:万宫玺的专栏_wangongxi_CSDN博客 Eclipse Deeplearning4j G…