typora自动生成标题序号/左侧大纲区域无下拉箭头（修改V1.0）

已于 2024-05-28 09:55:37 修改
阅读量263 收藏 3
点赞数 1
分类专栏： 综合 文章标签： typora 序号
于 2024-05-28 07:02:58 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sangyongqi/article/details/139252323
版权

目录

带序号效果图

解决方法

自动生成序号

带序号效果图

解决方法

1.进入文件夹：文件–>偏好设置–>外观–>主题–>打开主题文件夹

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;
}
 
/**************************************
* Header Counters in sidebar
**************************************/
.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) ". "
}

3.如果没有github.css文件，新建一个。如果有直接用记事本打开，把下面代码拷贝进去保存。

:root {
    --side-bar-bg-color: #fafafa;
    --control-text-color: #777;
}

@include-when-export url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext);

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;

    src: local('Open Sans Regular'),url('./github/400.woff') format('woff')
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: normal;



    src: local('Open Sans Italic'),url('./github/400i.woff') format('woff')
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: bold;

    src: local('Open Sans Bold'),url('./github/700.woff') format('woff')
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: bold;



    src: local('Open Sans Bold Italic'),url('./github/700i.woff') format('woff')
}

html {
    font-size: 16px;
}

body {
    font-family: "Open Sans","Clear Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: rgb(51, 51, 51);
    line-height: 1.6;
}

#write{
    max-width: 860px;
  	margin: 0 auto;
  	padding: 20px 30px 40px 30px;
	padding-top: 20px;
    padding-bottom: 100px;
}
#write > ul:first-child,
#write > ol:first-child{
    margin-top: 30px;
}

body > *:first-child {
    margin-top: 0 !important;
}
body > *:last-child {
    margin-bottom: 0 !important;
}
a {
    color: #4183C4;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: bold;

    line-height: 1.4;
    cursor: text;
}
h1:hover a.anchor,
h2:hover a.anchor,
h3:hover a.anchor,
h4:hover a.anchor,
h5:hover a.anchor,
h6:hover a.anchor {
    /*background: url("../../images/modules/styleguide/para.png") no-repeat 10px center;*/
    text-decoration: none;
}
h1 tt,
h1 code {
    font-size: inherit;
}
h2 tt,
h2 code {
    font-size: inherit;
}
h3 tt,
h3 code {
    font-size: inherit;
}
h4 tt,
h4 code {
    font-size: inherit;
}
h5 tt,
h5 code {
    font-size: inherit;
}
h6 tt,
h6 code {
    font-size: inherit;
}
h1 {
    padding-bottom: .3em;
    font-size: 2.25em;
    line-height: 1.2;
    border-bottom: 1px solid #eee;
}
h2 {
   padding-bottom: .3em;
    font-size: 1.75em;
    line-height: 1.225;
    border-bottom: 1px solid #eee;
}
h3 {
    font-size: 1.5em;
    line-height: 1.43;
}
h4 {
    font-size: 1.25em;
}
h5 {
    font-size: 1em;
}
h6 {
   font-size: 1em;
    color: #777;
}
p,
blockquote,
ul,
ol,
dl,
table{
    margin: 0.8em 0;
}
li>ol,
li>ul {
    margin: 0 0;
}
hr {
    height: 4px;
    padding: 0;
    margin: 16px 0;
    background-color: #e7e7e7;
    border: 0 none;
    overflow: hidden;
    box-sizing: content-box;
    border-bottom: 1px solid #ddd;
}

body > h2:first-child {
    margin-top: 0;
    padding-top: 0;
}
body > h1:first-child {
    margin-top: 0;
    padding-top: 0;
}
body > h1:first-child + h2 {
    margin-top: 0;
    padding-top: 0;
}
body > h3:first-child,
body > h4:first-child,
body > h5:first-child,
body > h6:first-child {
    margin-top: 0;
    padding-top: 0;
}
a:first-child h1,
a:first-child h2,
a:first-child h3,
a:first-child h4,
a:first-child h5,
a:first-child h6 {
    margin-top: 0;
    padding-top: 0;
}
h1 p,
h2 p,
h3 p,
h4 p,
h5 p,
h6 p {
    margin-top: 0;
}
li p.first {
    display: inline-block;
}
ul,
ol {
    padding-left: 30px;
}
ul:first-child,
ol:first-child {
    margin-top: 0;
}
ul:last-child,
ol:last-child {
    margin-bottom: 0;
}
blockquote {
    border-left: 4px solid #dddddd;
    padding: 0 15px;
    color: #777777;
}
blockquote blockquote {
    padding-right: 0;
}
table {
    padding: 0;
    word-break: initial;
}
table tr {
    border-top: 1px solid #cccccc;
    margin: 0;
    padding: 0;
}
table tr:nth-child(2n) {
    background-color: #f8f8f8;
}
table tr th {
    font-weight: bold;

    border: 1px solid #cccccc;
    text-align: left;
    margin: 0;
    padding: 6px 13px;
}
table tr td {
    border: 1px solid #cccccc;
    text-align: left;
    margin: 0;
    padding: 6px 13px;
}
table tr th:first-child,
table tr td:first-child {
    margin-top: 0;
}
table tr th:last-child,
table tr td:last-child {
    margin-bottom: 0;
}

.CodeMirror-gutters {
    border-right: 1px solid #ddd;
}

.md-fences,
code,
tt {
    border: 1px solid #ddd;
    background-color: #f8f8f8;
    border-radius: 3px;
    padding: 0;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    padding: 2px 4px 0px 4px;
    font-size: 0.9em;
}

.md-fences {
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 0.2em 1em;
    padding-top: 8px;
    padding-bottom: 6px;
}
.task-list{
	padding-left: 0;
}

.task-list-item {
	padding-left:32px;
}

.task-list-item input {
  top: 3px;
  left: 8px;
}

@media screen and (min-width: 914px) {
    /*body {
        width: 854px;
        margin: 0 auto;
    }*/
}
@media print {
    html {
        font-size: 13px;
    }
    table,
    pre {
        page-break-inside: avoid;
    }
    pre {
        word-wrap: break-word;
    }
}

.md-fences {
	background-color: #f8f8f8;
}
#write pre.md-meta-block {
	padding: 1rem;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f7f7f7;
    border: 0;
    border-radius: 3px;
    color: #777777;
    margin-top: 0 !important;
}

.mathjax-block>.code-tooltip {
	bottom: .375rem;
}

#write>h3.md-focus:before{
	left: -1.5625rem;
	top: .375rem;
}
#write>h4.md-focus:before{
	left: -1.5625rem;
	top: .285714286rem;
}
#write>h5.md-focus:before{
	left: -1.5625rem;
	top: .285714286rem;
}
#write>h6.md-focus:before{
	left: -1.5625rem;
	top: .285714286rem;
}
.md-image>.md-meta {
    border: 1px solid #ddd;
    border-radius: 3px;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    padding: 2px 4px 0px 4px;
    font-size: 0.9em;
    color: inherit;
}

.md-tag{
	color: inherit;
}

.md-toc { 
    margin-top:20px;
    padding-bottom:20px;
}

.sidebar-tabs {
    border-bottom: none;
}

#typora-quick-open {
    border: 1px solid #ddd;
    background-color: #f8f8f8;
}

#typora-quick-open-item {
    background-color: #FAFAFA;
    border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee;
    border-style: solid;
    border-width: 1px;
}

#md-notification:before {
    top: 10px;
}

/** focus mode */
.on-focus-mode blockquote {
    border-left-color: rgba(85, 85, 85, 0.12);
}

header, .context-menu, .megamenu-content, footer{
    font-family: "Segoe UI", "Arial", sans-serif;
}

.file-node-content:hover .file-node-icon,
.file-node-content:hover .file-node-open-state{
    visibility: visible;
}

.mac-seamless-mode #typora-sidebar {
    background-color: #fafafa;
    background-color: var(--side-bar-bg-color);
}

.md-lang {
    color: #b4654d;
}
strong{ font-weight: bold; color: red; }

4.重新打开typora软件生，再新建标题就有序号了

左侧大纲无下拉箭头

解决方法

在左侧大纲鼠标右击——大纲视图（可折叠）

小白学ROS机器人
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
手把手教你Typora大纲如何显示序号（支持六级标题栏序号）
yundashi168.com
09-04 478
2 新建 base.user.css文件。
文本文件处理 文本文件加序号工具 v1.0
10-17
"文本文件加序号工具 v1.0" 是一个专为处理此类需求设计的实用工具，它能帮助用户快速地在文本文件中为特定文字添加序列号，对于需要自动生成具有顺序的文本内容，例如自动喊话软件中的脚本生成，非常有帮助。...
Typora标题自动编号
03-29
使用方法见https://gitee.com/QQ56188788/AutoNumberingHeadingsForTypora
Typora 自动序号
多恩的博客
12-15 1556
“Helvetica Neue”, Helvetica, Arial, “Microsoft Yahei”, “Hiragino Sans GB”, “Heiti SC”, “WenQuanYi Micro Hei”, sans-serif; 效果 新建css (auto-numbering.css) /***************************/ /***************************/ /***************************/ /** initializ
typora 自动添加标题序号
qq_34304427的博客
04-22 2020
1. 编辑时自动加标题 1.1. 皮肤代码 将下方的皮肤代码拷贝到一个文件并重命名，如：mystyle.css :root { --side-bar-bg-color: #ffffff; --control-text-color: #777; } @include-when-export url(https://fonts.loli.net/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext
Typora自动给标题添加上序号
forever_nice的博客
02-09 2077
我在使用Typora编辑markdown时发现，给标题添加序号非常不方便，需要手动添加上去；如果改变标题的顺序和标题级别，非常不方便需要手动重写；于是我去找了一个可以给Markdown自动添加标题的方法，导出为pdf样式依然保留，非常实用推荐大家使用。
Typora代码块配色和标题自带序号的实现代码
01-18
/*标题自动添加序号*/ .sidebar-content { counter-reset: h1 } .outline-h1 { counter-reset: h2 } .outline-h2 { counter-reset: h3 } .outline-h3 { counter-reset: h4 } .outline-h4 { counter-rese
序号自动生成器.zip
12-18
在IT行业中，序号自动生成器是一种非常实用的工具，特别是在数据管理、产品编码或序列化等场景。本文将深入探讨C#语言中如何开发一个序号自动生成器，并介绍其核心原理和应用价值。 首先，C#是Microsoft公司推出的...
序号自动生成工具
01-13
在IT行业中，序号生成和管理是数据处理和文件组织中的常见需求，特别是在数据库操作、报表生成、批量命名以及各种自动化流程中。"序号自动生成工具"与"序号删除工具"是针对这一需求的专业软件，它们可以极大提高工作...
Typora标题增加序号
09-09 7058
前言 最近半年以来的的进步，要感谢MarkDown编辑器Typora，如果还不知道啥是MarkDown的同学，你真的是错过了一个很好的学习与进步的工具。 MarkDown MarkDown本身是一种标记语言，你看到的那些技术文档基本都是用它来编写的。 Typora Typora之于MarkDown，由于Idea之于Java，Typora是编辑MarkDown文档的利器，没有之一。 问题描述 回到本...
使用Typora实现自动编号
liulang68的博客
12-03 3044
使用Typora实现自动编号 一开始我想的是实现列表的自动编号，百度了好多终于百度到了，结果好像不对劲，其实我一直想要实现的是标题的自动编号。 直接说怎么实现吧。 在说一个我之前以为的观点，我以为上面的第一行设置为标题一个格式就是相当于文章的名字了，其实默认你起的文件的名字就是你的文章名，我自己试着导入csdn测试一下 通过“文件->偏好设置->外观->打开主题文件夹" 路径打开typora的主题保存文件夹，新建base.user.css文件，添加如下内容后重启typora即可： /*
Typora 如何自动生成标题序号
Jacob_xyb
07-22 2254
Typora如何自动生成标题序号 Typora如何生成像下图中所示的序列号呢？简单粗暴的来进行解答。 打开主题文件夹: 设置 -> 偏好设置 -> 打开主题文件夹 新建base.user.css 拷贝以下内容： #write { counter-reset: h1 } h1 { counter-reset: h2 } h2 { counter-reset: h3 } h3 { counter-reset: h4 } h4 {
typora设置标题自动编号
juluwangriyue的博客
06-26 6336
配置前 配置后：1、打开 typora 的主题目录 2、将仓库中的 和 两个文件都拷贝到主题目录中 3、配置完成，重启 typora 文档内容标题就会有自动编号了。参考：https://github.com/lipengzhou/typora-theme-auto-numbering按照上述操作后发现结果如下，看不到左侧的导航栏了，其实是因为typora新版本的原因，在左下角有一个小圆圈，使用来控制显示与隐藏导航栏的，点一下就可以了。 About Themes Auto Numbering for H
typora标题自动编号及其他代码
蒟蒻
08-07 1225
长文警告 1. 打开主题文件夹 文件->偏好设置->外观->打开主题文件夹->新建文本文档->将更改样式的代码粘入->修改文本名称为：base.user->修改后缀为：.css 1.1 标题自动编号 1.1.1 代码 /** initialize css counter */ #write { counter-reset: h1 } h1 { counter-reset: h2 } h2 { counter-reset: h3 } h3
typora自动编辑标题序号
qq_43840665的博客
07-05 553
1. 打开步骤 2. css代码 这里我个人喜欢使用 **一、 二、**作为一级标题，如果需要调整可以修改一下，在代码中有注释的地方可以修改 .sidebar-content { counter-reset: h1 } .outline-h1 { counter-reset: h2 } .outline-h2 { counter-reset: h3 } .outline-h3 { counter-reset: h4 } .outline-h4 {
【typora】标题自动编号
最新发布
qq_41636291的博客
03-15 295
typora标题自动编号
typora markdown 标题自动编号
Oneby的博客
07-13 1298
typora markdown 标题自动编号 1、参考资料 https://blog.csdn.net/HackerTom/article/details/96640782 https://zhuanlan.zhihu.com/p/110257979 2、具体操作步骤 在这儿打开主题文件夹 文件夹目录为：C:\Users\Heygo\AppData\Roaming\Typora\themes，在该目录下添加一个名为 base.user.css 的 css 文件 在 base.user.cs
typora自动生成标题序号
09-14
Typora是一款很受欢迎的Markdown编辑器，它提供了很多方便的功能。关于标题自动编号的功能，Typora本身并没有提供自动编号的功能。然而，你可以通过添加样式的方式来实现标题自动编号的效果。具体来说，在实际的Markdown文档中并不包含序号，而是在Typora渲染的时候根据定义的CSS样式展示对应的标题序号。你可以通过添加自定义的CSS文件来实现这一效果。有些人已经实现了标题自动编号、目录自动编号、大纲自动编号的CSS文件，你可以从参考资料中获取这些文件或者查看相关的原始格式文件。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值