[关闭]
@tangchao 2018-03-07T17:21:21.000000Z 字数 1492 阅读 439

定制我的 typora

工作经验

可读性

  1. 让菜单和文章的标题都编上号码
  2. 让标题表现出不同的颜色
  3. 让菜单栏更宽

file -> preference -> open customer folder

找到你选择的皮肤的 css 文件，加上以下代码即可使用

  1. .typora-node #outline-dropmenu {
  2.     width: 400px !important;
  3.     left: -400px;
  4. }
  6. #write {
  7.     left: 400px !important;
  8. }
  10. .outline-h1>.outline-item {
  11.     color: #ea8bd1;
  12. }
  14. .outline-h2>.outline-item {
  15.     color: #968BEA;
  16. }
  18. .outline-h3>.outline-item {
  19.     color: #8BEAB6;
  20. }
  22. .outline-h4>.outline-item {
  23.     color: #9A8DBF;
  24. }
  26. .outline-h5>.outline-item {
  27.     color: #8DB3BF;
  28. }
  30. .outline-item::before,
  31. .outline-item::after {
  32.     display: none;
  33. }
  35. .outline-h2 {
  36.     counter-increment: m2;
  37. }
  39. .outline-h2 .outline-label::before {
  40.     content: counter(m2) !important;
  41.     padding-right: 4px;
  42. }
  44. .outline-h3 {
  45.     counter-increment: m3;
  46. }
  48. .outline-h3 .outline-label::before {
  49.     content: counter(m3) !important;
  50.     padding-right: 4px;
  51. }
  53. .outline-h4 {
  54.     counter-increment: m4;
  55. }
  57. .outline-h4 .outline-label::before {
  58.     content: counter(m4) !important;
  59.     padding-right: 4px;
  60. }
  62. .outline-h5 {
  63.     counter-increment: m5;
  64. }
  66. .outline-h5 .outline-label::before {
  67.     content: counter(m5) !important;
  68.     padding-right: 4px;
  69. }
  71. #write h1 {
  72.     counter-increment: c1;
  73.     counter-reset: c2;
  74.     font-size: 40px;
  75.     color: #ea8bd1;
  76. }
  78. #write h1::before {
  79.     content: counter(c1);
  80. }
  82. #write h2 {
  83.     counter-increment: c2;
  84.     counter-reset: c3;
  85.     font-size: 36px;
  86.     color: #968BEA;
  87. }
  89. #write h2::before {
  90.     content: counter(c2);
  91. }
  93. #write h3 {
  94.     counter-increment: c3;
  95.     counter-reset: c4;
  96.     font-size: 30px;
  97.     color: #8BEAB6;
  98. }
  100. #write h3::before {
  101.     content: counter(c3);
  102. }
  104. #write h4, {
  105.     counter-increment: c4;
  106.     counter-reset: c5;
  107.     font-size: 26px;
  108.     color: #9A8DBF;
  109. }
  111. #write h4::before {
  112.     content: counter(c4);
  113. }
  115. #write h5 {
  116.     counter-increment: c5;
  117.     font-size: 22px;
  118.     color: #8DB3BF;
  119. }
  121. #write h5::before {
  122.     content: counter(c5);
  123. }
添加新批注
在作者公开此批注前，只有你和作者可见。
回复批注