typora标题设置

最新推荐文章于 2024-09-24 00:32:22 发布
最新推荐文章于 2024-09-24 00:32:22 发布
阅读量518 收藏
点赞数
分类专栏： Tools 文章标签： css
原文链接：https://blog.csdn.net/LJ751999/article/details/114631721
版权

标题自动编号

从一级标题开始编号

创建base.user.css 文件，复制以下内容 保存文件到themes文件夹下：

文件>偏好设置>窗口样式>打开主题文件夹

image-20210310114131875

 

/*文本内容*/
/** 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 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.3rem;
    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;
}


/*侧边大纲*/
.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) ". "
}

从二级标题开始编号

/*文本内容*/
/** 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 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.3rem;
    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;
}


/*侧边大纲*/
.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) ". "
}

小饼团子
关注
专栏目录
typora标题样式（包括大纲）添加符号（emoji，节标记等）
riptide0的博客
01-17 974
通过修改主题样式，使标题中出现各类符号（emoji，节标记等）
在Typora中设置文字颜色实用使用技巧
迷逝
07-24 1165
总结：使用行内样式的优点是，用其他工具打开文字颜色是不变的，而修改主题的CSS则反之。打开Typora的样式主题文件。这通常是一个CSS文件，你可以在Typora的安装目录中找到它，或者在Typora的设置中查看主题文件的路径。但请注意，这种方法可能在某些Markdown编辑器中不起作用，因为它不是Markdown的标准语法。在样式主题文件中添加自定义的CSS样式。你可以在Typora的样式主题文件中添加自定义的CSS样式来设置文字颜色。在Typora中，你可以使用HTML的``标签来设置文字颜色。
Typora 最佳主题
12-11
该文档是在github主题基础上，做的一些改动，增加了暗色代码背景，调整了文档的字体、大标题、表格以及重点文字的颜色，使得写出的文档更加的美观。并且我对这个主题中的一些常用代码做了注释，喜欢的朋友可以根据自己的喜好做出相应的调整。
自用Typora样式（自动编号功能）
tcmyxc的博客
04-08 1059
自用Typora样式（自动编号功能） 示例： /** initialize css counter * 从h2开始编号 */ #write { counter-reset: h2 } h1 { text-align:center } h2 { counter-reset: h3 } h3 { counter-reset: h4 } h4 { ...
typora软件markdown语法，标题，段落，文字显示，列表，区块显示，代码显示，链接，脚注，图片插入，表格，表情符号，生成目录
最新发布
liu20000505的博客
09-24 1349
（注：效果路径为：…/图片/本机照片/微信头像.jpg。默认居中对齐，使用左对齐的话末尾加上align=“left”）```+回车，右下角语言可以选择C/C++/C#/text等等。`（说明：`位于Esc下面`）几级分类可以使用ctrl+【】，往左分类就使用。删除线：用一对双飘号包裹~~ ~~高亮：用一对双等号包裹== ==粗体：用一对双星号包裹** **斜体：用一对单星号包裹* *删除线：Shift+Alt+5。下划线：用一对u标签包裹。可退出无序列表模式或者按。这是对脚注的解释说明。
Typora配置添加标题序号
shaonianlanger的博客
07-30 547
点击Typora的文件—>偏好设置–>外观–>打开主题文件夹–>新建一个base.user.css文件。（从一级标题开始编码）（从二级标题开始编码）
Typora设置标题自动编号
lizhiyuanbest的博客
04-13 564
Typora设置标题自动编号
Typora 主题
10-11
结合其他的主题进行修改后的Typora主题，和马克飞象相似
Typora个人主题设置
dreammissy的博客
10-01 451
修改了Typora中的GitHub部分样式，让其更符合个人阅读习惯
Typora字体设置
weixin_49932242的博客
04-09 8989
Typora字体设置 1.文件–偏好设置–通用–高级设置–打开高级设置 打开高级设置之后，出现如下json文件"conf.user.json"，此文件可修改Typora字体"defaultFontFamily"，可修改菜单选项快捷键 "keyBinding"等（个人拓展：“Horizontal Line”:“Ctrl+H” 下划线快捷键； “Comment”:“Ctrl+R” 注释快捷键）： 2.修改“conf.user.json”文件 这是本人的"conf.user.json"设置： 字体：个人偏好
Typora设置图片背景
J2018305232068的博客
04-05 4193
Typora设置图片背景 身为一个老二刺螈，用Typora下载主题时一下子就看到了这个 Purple by Hao Liu 我啪的一下就下载了很快啊，但是实测并没有小艾米的图片！ 还能怎么办！自己动手丰衣足食！ 于是上网查了资料，找到了这位老哥同好的博文 【Typora】typora设置主题和添加背景图片 by是馄饨啊 哈哈哈果然lsp的想法都是一样的 但是我按照老哥的方法插上去图片有时可以有时不可以 然后博主就对另一个主题下了毒手 Torillic by Todd Parsons 因为看到这个主
Typora标题自动编号
03-29
使用方法见https://gitee.com/QQ56188788/AutoNumberingHeadingsForTypora
设置typora标题、目录、大纲自动编号
一生之酉的博客
03-21 9237
设置typora文章标题、目录、大纲自动编号
Typora设置标题自动标号
m0_49448331的博客
07-30 2700
Typora由于默认标题无法自动标号，每次编辑时需要手动处理。为实现标题自动编号，需要进行相关操作。
Typora 标题实现自动编号
Mmyan20305的博客
07-21 1086
点击主题可以看到我们自己用到的主题是什么，而在themes文件夹下也有对应的css文件，一般默认使用的是github主题我们就能看到我们默认使用的github.css文件；默认Typora的标题是没有编号的，但是可以通过修改themes的css文件实现这一功能，其实Typora相当于一个浏览器，可以通过调试css和html代码修改页面展示。实现目标是通过修改css文件，css的路径在你自己电脑安装Typora路径下的themes文件下。对应的css代码在下面，可以根据自己的需求进行选择添加。
Typora 博文标题自动编号
Oneby的博客
07-13 879
Typora 博文标题自动编号 1、Why？ 1.1、Typora标题自动编号 修改 base.user.css 中的 css 代码可达到如下效果，看着还不错 1.2、博文效果 修改 base.user.css 中的 css 代码只能实现 Typora 中的视觉效果，并不是真正在标题中添加了序号 2、Let’s Do it 2.1、目标 编写 Java 脚本，读取 MD 文件的内容，并在每个标题之前添加标题序号 2.2、代码 大致思路： 每一级标题都有自己的计数器，由于一级标题不参与编号
typora 标题不能被修改
qq_39545674的博客
11-01 869
最近使用typora时，突然发现将指针移动到标题上时，不弹出#，这样就无法修改标题的等级，对使用造成了很大的影响。 后来发现是typora的设置变了 将 即时渲染 勾上即可！
typora当中关于如何及时修改标题(文本)的大纲级别
weixin_56098317的博客
06-18 550
关于在typora当中的标题(文本)级别的修改方法
typora设置标题缩进
08-14
在Typora中，设置标题的缩进可以通过以下方法实现： 1. 使用多级标题Typora支持使用多级标题来层次结构。通过在标题前添加同数量的 # 号来表示不同级的标题。例如： ``` # 级标题 ## 二级标题 ### 级标题 ``` 2. 使用空格或制表符进行缩进：Typora还支持使用空格或制表符来对标题进行缩进，从而创建层次结构。例如： ``` # 一级标题 ## 二级标题（缩进两个空格） ### 三级标题（缩进四个空格） ``` 注意：Typora使用的是特殊的Markdown扩展语法，这种缩进方式在其他Markdown编辑器中可能不起作用。 这样，你就可以通过多级标题和缩进来创建标题的层次结构了。在Typora中，这种层次结构可以帮助你更好地组织和呈现文档的内容。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值