美文网首页
Typora Markdown实现标题自动编号

Typora Markdown实现标题自动编号

作者: 橘子大虾 | 来源:发表于2022-11-13 12:52 被阅读0次

0. 效果

image.png

1. 打开主题文件夹

  • 文件 --> 偏好设置 --> 外观 --> 打开主题文件夹


    image.png

2. 打开主题文件(以github主题为例子)

  • 打开github.css


    image.png

3. 添加代码

  • 在github.css文件底部添加如下代码,保存后关闭文件
#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 h2::before,
.markdown-section h2::before {
    counter-increment: h2;
    content: counter(h2) ". ";
}

#write h3::before,
.markdown-section h3::before {
    counter-increment: h3;
    content: counter(h2) "."counter(h3) " ";
}

#write h4::before,
.markdown-section h4::before {
    counter-increment: h4;
    content: counter(h2) "."counter(h3) "."counter(h4) " ";
}

#write h5::before,
.markdown-section h5::before {
    counter-increment: h5;
    content: none;
}

#write h6::before,
.markdown-section h6::before {
    counter-increment: h6;
    content: none;
}

4. 重新加载主题

  • 重新打开Typora,选择刚才修改的主题,OK啦!


    image.png

相关文章

  • Typora Markdown实现标题自动编号

    0. 效果 1. 打开主题文件夹 文件 --> 偏好设置 --> 外观 --> 打开主题文件夹image.png ...

  • Typora 标题自动编号生成

    背景 Typora是一个WYSIWYG(所见即所得)的Markdown编辑器,十分好用。此处省略1万字推荐功能介绍...

  • Typora-markdown编辑器

    -Typora 编辑器-Typora + iPic 实现插图功能 Typora - Markdown 语法手册 ...

  • 纯CSS实现markdown标题自动编号

    # 问题的由来 第一次关注这个标题编号的问题应该回溯到本科毕业论文的时候了,当时还单独涉猎过这个主题,`Word`...

  • word 多级标题

    自动实现复杂的标题样式 要求 自动实现下面的章节编号样式,其中每一章的标题编号使用中文数字,而每节、每小节的标题编...

  • markdown简单学习

    工具推荐: 1、vsCode+markdown preview enhance 2、typora 一、标题 # 一...

  • Typora-Mac

    MarkDown-Typora-Mac [TOC] 1. 概述 1.1. 宗旨 Markdown的目标是实现「易读...

  • Typroa自定义css样式实现标题自动排序

    1.typroa自定义css样式实现标题自动排序在 Typora 英文界面中;点 File -> Preferen...

  • Markdown:常用的语法

    Markdown:常用的语法 推荐使用的Markdown软件:Typora 目录 标题 代码块 链接 百度搜索 斜...

  • MarkDown语法学习

    MarkDown语法学习 工具 typora,下载地址 1.标题的写法 标题的写法是:“#+空格+标题文字”。 具...

网友评论

      本文标题:Typora Markdown实现标题自动编号

      本文链接:https://www.haomeiwen.com/subject/tjihxdtx.html