Markdown编辑器Typora标题自动编号

最新推荐文章于 2024-03-19 11:25:41 发布
最新推荐文章于 2024-03-19 11:25:41 发布
阅读量487 收藏 3
点赞数 3
分类专栏： 提高效率的小工具 文章标签： markdown
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/whitepu/article/details/114370549
版权

Typora标题自动编号

Typora官方说明

正文中的各级标题自动编号

  1. 来到Typora的主题文件夹： 打开Typora界面，点击左上角文件 ，偏好设置，外观，打开主题文件夹。

  2. 添加一个名为base.user.css的文件，用记事本就可。复制以下内容到文件内。

/** initialize css counter */
#write {
    counter-reset: h1
}

h1 {
    counter-reset: h2
}

h2 {
    counter-reset: h3
}

h3 {
    counter-reset: h4
}

h4 {
    counter-reset: h5
}

h5 {
    counter-reset: h6
}

/** put counter result into headings */
#write h1:before {
    counter-increment: h1;
    content: counter(h1) ". "
}

#write h2:before {
    counter-increment: h2;
    content: counter(h1) "." counter(h2) ". "
}

#write h3:before,
h3.md-focus.md-heading:before /** override the default style for focused headings */ {
    counter-increment: h3;
    content: counter(h1) "." counter(h2) "." counter(h3) ". "
}

#write h4:before,
h4.md-focus.md-heading:before {
    counter-increment: h4;
    content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) ". "
}

#write h5:before,
h5.md-focus.md-heading:before {
    counter-increment: h5;
    content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". "
}

#write h6:before,
h6.md-focus.md-heading:before {
    counter-increment: h6;
    content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". "
}

/** override the default style for focused headings */
#write>h3.md-focus:before,
#write>h4.md-focus:before,
#write>h5.md-focus:before,
#write>h6.md-focus:before,
h3.md-focus:before,
h4.md-focus:before,
h5.md-focus:before,
h6.md-focus:before {
    color: inherit;
    border: inherit;
    border-radius: inherit;
    position: inherit;
    left:initial;
    float: none;
    top:initial;
    font-size: inherit;
    padding-left: inherit;
    padding-right: inherit;
    vertical-align: inherit;
    font-weight: inherit;
    line-height: inherit;
}
  1. 保存文件，重启Typora即可。

目录的标题自动编号

  1. Typora 生成目录：在第一行输入[toc]，然后回车即可
  2. 在上述的base.user.css文件中粘贴一下内容：
/**************************************
 * Header Counters in TOC
 **************************************/
 
/* No link underlines in TOC */
.md-toc-inner {
    text-decoration: none;
}
 
.md-toc-content {
    counter-reset: h1toc
}
 
.md-toc-h1 {
    margin-left: 0;
    font-size: 1.5rem;
    counter-reset: h2toc
}
 
.md-toc-h2 {
    font-size: 1.1rem;
    margin-left: 2rem;
    counter-reset: h3toc
}
 
.md-toc-h3 {
    margin-left: 3rem;
    font-size: .9rem;
    counter-reset: h4toc
}
 
.md-toc-h4 {
    margin-left: 4rem;
    font-size: .85rem;
    counter-reset: h5toc
}
 
.md-toc-h5 {
    margin-left: 5rem;
    font-size: .8rem;
    counter-reset: h6toc
}
 
.md-toc-h6 {
    margin-left: 6rem;
    font-size: .75rem;
}
 
.md-toc-h1:before {
    color: black;
    counter-increment: h1toc;
    content: counter(h1toc) ". "
}
 
.md-toc-h1 .md-toc-inner {
    margin-left: 0;
}
 
.md-toc-h2:before {
    color: black;
    counter-increment: h2toc;
    content: counter(h1toc) ". " counter(h2toc) ". "
}
 
.md-toc-h2 .md-toc-inner {
    margin-left: 0;
}
 
.md-toc-h3:before {
    color: black;
    counter-increment: h3toc;
    content: counter(h1toc) ". " counter(h2toc) ". " counter(h3toc) ". "
}
 
.md-toc-h3 .md-toc-inner {
    margin-left: 0;
}
 
.md-toc-h4:before {
    color: black;
    counter-increment: h4toc;
    content: counter(h1toc) ". " counter(h2toc) ". " counter(h3toc) ". " counter(h4toc) ". "
}
 
.md-toc-h4 .md-toc-inner {
    margin-left: 0;
}
 
.md-toc-h5:before {
    color: black;
    counter-increment: h5toc;
    content: counter(h1toc) ". " counter(h2toc) ". " counter(h3toc) ". " counter(h4toc) ". " counter(h5toc) ". "
}
 
.md-toc-h5 .md-toc-inner {
    margin-left: 0;
}
 
.md-toc-h6:before {
    color: black;
    counter-increment: h6toc;
    content: counter(h1toc) ". " counter(h2toc) ". " counter(h3toc) ". " counter(h4toc) ". " counter(h5toc) ". " counter(h6toc) ". "
}
 
.md-toc-h6 .md-toc-inner {
    margin-left: 0;
}
 
/**************************************
 * Header Counters in Content
 **************************************/
 
/** initialize css counter */
#write {
    counter-reset: h1
}
 
h1 {
    counter-reset: h2
}
 
h2 {
    counter-reset: h3
}
 
h3 {
    counter-reset: h4
}
 
h4 {
    counter-reset: h5
}
 
h5 {
    counter-reset: h6
}
 
/** put counter result into headings */
#write h1:before {
    counter-increment: h1;
    content: counter(h1) ". "
}
 
#write h2:before {
    counter-increment: h2;
    content: counter(h1) "." counter(h2) ". "
}
 
#write h3:before, h3.md-focus.md-heading:before { /*override the default style for focused headings */
    counter-increment: h3;
    content: counter(h1) "." counter(h2) "." counter(h3) ". "
}
 
#write h4:before, h4.md-focus.md-heading:before {
    counter-increment: h4;
    content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) ". "
}
 
#write h5:before, h5.md-focus.md-heading:before {
    counter-increment: h5;
    content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". "
}
 
#write h6:before, h6.md-focus.md-heading:before {
    counter-increment: h6;
    content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". "
}
 
/** override the default style for focused headings */
#write>h3.md-focus:before, #write>h4.md-focus:before, #write>h5.md-focus:before, #write>h6.md-focus:before, h3.md-focus:before, h4.md-focus:before, h5.md-focus:before, h6.md-focus:before {
    color: inherit;
    border: inherit;
    border-radius: inherit;
    position: inherit;
    left: initial;
    float: none;
    top: initial;
    font-size: inherit;
    padding-left: inherit;
    padding-right: inherit;
    vertical-align: inherit;
    font-weight: inherit;
    line-height: inherit;
}
  1. 保存文件，重启Typora即可。

左侧大纲栏的标题自动编号

  1. 在上述的base.user.css文件中粘贴一下内容：
.sidebar-content {
    counter-reset: h1
}
 
.outline-h1 {
    counter-reset: h2
}
 
.outline-h2 {
    counter-reset: h3
}
 
.outline-h3 {
    counter-reset: h4
}
 
.outline-h4 {
    counter-reset: h5
}
 
.outline-h5 {
    counter-reset: h6
}
 
.outline-h1>.outline-item>.outline-label:before {
    counter-increment: h1;
    content: counter(h1) ". "
}
 
.outline-h2>.outline-item>.outline-label:before {
    counter-increment: h2;
    content: counter(h1) "." counter(h2) ". "
}
 
.outline-h3>.outline-item>.outline-label:before {
    counter-increment: h3;
    content: counter(h1) "." counter(h2) "." counter(h3) ". "
}
 
.outline-h4>.outline-item>.outline-label:before {
    counter-increment: h4;
    content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) ". "
}
 
.outline-h5>.outline-item>.outline-label:before {
    counter-increment: h5;
    content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". "
}
 
.outline-h6>.outline-item>.outline-label:before {
    counter-increment: h6;
    content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". "
}
  1. 保存文件，重启Typora即可。
o璞子o
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
markdown编辑器typora
05-12
Typora 是一款支持实时预览的Markdown编辑器，它提供了可视化界面和快捷键操作，使得编辑Markdown文本更加直观和高效。Typora的特点包括即时渲染技术，使得用户在编写Markdown文档时能够像写Word文档一样流畅自如。...
MarkDown标题自动添加编号
Lucky小黄人的博客
01-26 6617
转自：MarkDown标题自动添加编号 说明： 这是一个实现给本地 Markdown 文件添加标题编号的 python 脚本。可与Markdown文件自动生成目录搭配使用。 比如说你现在有一个 Markdown 文件，这个文件有很多级标题且标题没有编号，如图： 一个一个自己添加编号很麻烦，但有这个 python 脚本就可以不用愁了。 源代码： AddTitleNumber.py 使...
Typora设置标题自动添加序号
烟火的博客
08-25 902
Typora设置标题自动添加序号 文件 - 偏好设置 - 打开主题文件夹 设置css样式 创建文件base.user.css /** initialize css counter */ #write { counter-reset: h1 } h1 { counter-reset: h2 } h2 { counter-reset: h3 } h3 { counter-reset: h4 } h4 { counter-reset: h5 } h5 { counter-reset: h6 } /** put
typora自动生成标题序号（修改V1.0）
最新发布
weixin_53592372的博客
03-19 554
通过修改Typora的css文档，可以自动生成标题序号。
初学者常用markdown基本语法
weixin_58036127的博客
05-08 828
Markdowm基本语法 标题语法： 一级标题 : *+空格+文本 二级标题：**+空格+文本 … 字体，符号; 粗体：** + 文本 + ** 斜体：* + 文本 + ** 粗体&斜体：*** + 文本 + *** 删除线：~~ + 文本 + ~~ 引用：> + 空格 + 文本 分割线;— / *** 图片：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IsNDEYgR-1620476625272)(图片地址)]//本地 [外链图片转
Markdown文件的标题分级自动编号——Typora
qq_39103283的博客
03-29 1万+
Markdown文件的标题分级自动编号——Typora 1. 需求来源 Typora 的markdown编辑。 方便点：CTRL+数字，可以直接定义几级标题。 标题1–CTRL+1； 标题2—CTRL+2。 欠缺：无法给出标题的分级自动编号 2. 步骤 2.1 下载typora（Windows） 下载windows版本的typora：Typora下载地址-Windows版 2.2 打开Themes文件夹 打开Themes文件夹 打开Typora 【文件】—>【偏好设置】——&gt
Typora、MarkDown自动编号技巧
huangcheng42123的博客
02-14 2986
Typora/MarkDown编号技巧
markdown编辑器Typora
05-19
markdown编辑器Typora，解压后，直接点击Typora.exe即可使用。
MarkDown编辑器typora安装包（windows）
01-22
typora安装包，安装简单，即装即用
typora MarkDown编辑器 windows 版本下载
11-03
typora MarkDown编辑器 windows 版本下载，因为官网被墙了，特此分享给大家
[AHK]markdown的自动编号功能
热门推荐
liuyukuan的专栏
08-21 1万+
【需求】 比如： 1.条目一 2.条目二 然后 Alt+Enter自动输出下一个序号3. 【初稿1】 !Enter:: { send {Home}+{End}^c{End}{Enter} v:=getClipboard() arr:=StrSplit(v, ".") if (isNumber(arr[1])=1) { v:=a...
纯CSS实现markdown自动编号的示例代码
01-18
问题的由来 第一次关注这个标题编号的问题应该回溯到本科毕业论文的时候了，当时还单独涉猎过这个主题，Word 有个很好的特性级联标题，一次设置好之后，后续只要设置标题样式就能按照设置的标题编号方式自动编号，我们要做的只是将对应的标题设置成对应基本的标题样式就好了，这个方法让我爱不释手，多年来一直沿用。完全解决了中途插入一章，一节等等导致的章节编号都需要人肉调整的问题，当然还有图片的编号命名什么的，都是类似的。 直到后面开始用markdown 由于各个编辑器的切换，一直没有一个好用的替代方案，所以几年前我写了一个小工具用命令行来做这事rawbin-/markdown-clear，这个工具解决了在g
为markdown目录标题添加序号
weixin_44080380的博客
10-17 3451
前言 用markdown做笔记或者写文档时，会涉及到标题的序号。虽然Typora有相关插件，但是导出markdown时，序号不能一起导出。因此需要自动化实现添加标题序号。 要求 markdown文件中的标题需要是以# 一级标题(最后有空格)的格式 暂时没考虑markdown文件中有python的代码注释的情况 实现效果 思路 正则表达式匹配标题行 获取标题等级，更新标题列表 拼接小于该等级的标题序号 重置大于该等级的标题序号 Python源码 import re def replace_ti
MarkDown教程文档
YSの陈憨憨
08-08 496
文章目录一、Vs Code安装Markdown环境1. 安装vs code编辑器2. 下载插件3. 创建vs code项目4. 预览功能二、Markdown 基础语法1. 标题2. 文字2.1 删除线2.2 斜体2.3 加粗2.4 斜体加粗2.5 下划线2.6 高亮2.7 高亮（需勾选扩展语法）2.8 下标（需勾选扩展语法）2.9 上标（需勾选扩展语法）3. 表情符号4. 表格5. 引用6. 列表6.1 无序列表--符号 空格6.2 有序列表--数字 `.` 空格7.代码7.1 代码块7.2 行内代码7.3
Markdown编辑器如何在标题上添加序号
momo的博客
01-03 1597
文章来源：https://segmentfault.com/q/1010000008130177 侵删。 Typora →\rightarrow→ 偏好设置 →\rightarrow→ 打开主题文件夹 复制文件夹中的一个css文件，命名为 base.user.css 将base.user.css文件清空并复制以下代码： #write { counter-reset: h1 } h1 { counter-reset: h2 } h2 { counter-reset: h3 } h
Typora标题增加序号
u013062791的博客
12-04 499
Typora–>偏好设置–>外观–>主题，打开主题文件夹，新建 base.user.css 文件，内容如下： .sidebar-content { counter-reset: h1 } .outline-h1 { counter-reset: h2 } .outline-h2 { counter-reset: h3 } .outline-h3 { counter-reset: h4 } .outline-h4 { counter.
typora设置标题自动编号
juluwangriyue的博客
06-26 6155
配置前 配置后：1、打开 typora 的主题目录 2、将仓库中的 和 两个文件都拷贝到主题目录中 3、配置完成，重启 typora 文档内容标题就会有自动编号了。参考：https://github.com/lipengzhou/typora-theme-auto-numbering按照上述操作后发现结果如下，看不到左侧的导航栏了，其实是因为typora新版本的原因，在左下角有一个小圆圈，使用来控制显示与隐藏导航栏的，点一下就可以了。 About Themes Auto Numbering for H
Markdown设置自动生成目录及序号分级标准
進撃の算法
05-11 7460
使用@[TOC]命令可以自动生成目录 编辑如下： @[toc] --- # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 显示结果： 文章目录一级标题二级标题三级标题四级标题五级标题六级标题 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 ...
markdown文件中标题的序列号自动生成（非typora插件）
无
06-05 976
markdown文件中标题的序列号自动生成（只管能跑），非typora插件。
markdown常用语法typora
06-28
Typora是一款支持Markdown语法的编辑器，以下是Markdown常用语法： 1. 标题：使用#号表示，#号的数量表示标题的级别，最多支持六级标题。 2. 段落：段落之间需要用空行隔开。 3. 加粗：使用两个*号或者两个_号...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值