Typora使用技巧：自动编号、常用快捷键等

上一篇：高效且优雅的笔记记录方式：Typora+PicGO+阿里云OSS

1. 格式设置（工具栏可查看快捷键）

1.1 分级标题：

• 标题：Ctrl+1~6
  • 建议文章标题采用1级标题，分级标题从2级开始
  • 1、2级标题自带分隔线
• 正文：Ctrl+0
• 目录：
• 额外添加分割线：—

1.2 设置自动编号

   typora分级标题不带自动编号功能，但可以通过添加样式表实现：以一级标题表示文章标题，从二级标题起自动编号。

• 打开主题文件夹：

• 新建样式表：base.user.css,并用txt打开

• 将以下代码复制进去：

  引用自M。一直走

  /* 正文标题区: #write */
  /* [TOC]目录树区: .md-toc-content */
  /* 侧边栏的目录大纲区: .sidebar-content */
   
  /** initialize css counter */
  #write, .sidebar-content,.md-toc-content{
      counter-reset: h2
  }
   
  #write h1, .outline-h1, .md-toc-item.md-toc-h1 {
      counter-reset: h2
  }
   
  #write h2, .outline-h2, .md-toc-item.md-toc-h2 {
      counter-reset: h3
  }
   
  #write h3, .outline-h3, .md-toc-item.md-toc-h3 {
      counter-reset: h4
  }
   
  #write h4, .outline-h4, .md-toc-item.md-toc-h4 {
      counter-reset: h5
  }
   
  #write h5, .outline-h5, .md-toc-item.md-toc-h5 {
      counter-reset: h6
  }
   
  /** put counter result into headings */
  /* 一级标题不展示 */
  #write h1:before,
  .outline-h1>.outline-item>.outline-label:before,
  .md-toc-item.md-toc-h1>.md-toc-inner:before {
      /* counter-increment: h1;
      content: counter(h1) ". " */
  }
   
  /* 二级标题 */
  #write h2:before,
  .outline-h2>.outline-item>.outline-label:before,
  .md-toc-item.md-toc-h2>.md-toc-inner:before {
      counter-increment: h2;
      content: counter(h2) ".   ";
      /* content: counter(h2) ". " */
  }
   
  /* 三级标题 */
  #write h3:before,
  h3.md-focus.md-heading:before, /** override the default style for focused headings */
  .outline-h3>.outline-item>.outline-label:before,
  .md-toc-item.md-toc-h3>.md-toc-inner:before {
      text-decoration: none;
      counter-increment: h3;
      /* content: counter(h1) "." counter(h2) "." counter(h3) ". " */
      /* content: counter(h2) "." counter(h3) ". " */
      content: counter(h2) "." counter(h3) "   "
  }
   
  /* 四级标题 */
  #write h4:before,
  h4.md-focus.md-heading:before,
  .outline-h4>.outline-item>.outline-label:before,
  .md-toc-item.md-toc-h4>.md-toc-inner:before {
      text-decoration: none;
      counter-increment: h4;
      /* content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) ". " */
      /* content: counter(h2) "." counter(h3) "." counter(h4) ". " */
      content: counter(h2) "." counter(h3) "." counter(h4) "   "
  }
   
  /* 五级标题 */
  #write h5:before,
  h5.md-focus.md-heading:before,
  .outline-h5>.outline-item>.outline-label:before,
  .md-toc-item.md-toc-h5>.md-toc-inner:before {
      text-decoration: none;
      counter-increment: h5;
      /* content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". " */
      /* content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". " */
      content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "   "
  }
   
  /* 六级标题 */
  #write h6:before,
  h6.md-focus.md-heading:before,
  .outline-h6>.outline-item>.outline-label:before,
  .md-toc-item.md-toc-h6>.md-toc-inner:before {
      text-decoration: none;
      counter-increment: h6;
      /* content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". " */
      /* content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". " */
      content: 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;
  }
   
  /* 设置行距 */
   
   
  /* 设置一级标题行距 */
  #write h1 {
      margin-bottom:50px;
      margin-top:50px;
  }
   
  #write h2 {
      margin-bottom:30px;
      margin-top:50px;
  }
   
  #write h3 {
      margin-bottom:30px;
      margin-top:30px;
  }
   
  #write h4 {
      margin-bottom:30px;
      margin-top:30px;
  }
   
  #write h5 {
      margin-bottom:30px;
      margin-top:30px;
  }
  

• 重启typora，效果如下：

  版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。

  文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/70901.html