hugo-teek is loading...

2024-12-25 其它 +1 typora 5703 字 31 分钟 -- 次

其它主题

最后更新于: 2025-12-06 17:39:04

其它主题

Typora-theme-one（目前在用，强烈推荐）

https://gitee.com/onlyonexl/typora-theme-one

官网其它主题

https://theme.typora.io/

phycat

仓库地址

https://github.com/sumruler/typora-theme-phycat

预览

Happysimple

主题链接

https://theme.typora.io/theme/Happysimple/

https://github.com/HappySimple/Typora-theme-Happysimple

主题预览

特色功能

主题配置文件结构

背景小图片

告警框、标签、各种线条、折叠标签（nice）

代码是黑暗风格

表格风格也不错

onedayxyy（vue增强版）（停止更新）

主题效果

2024.5.9-typora-theme

主题下载

链接：https://pan.baidu.com/s/1AVEEEnGxQ24TIwhvKT9_Jg?pwd=ggq7 提取码：ggq7

主题安装

安装环境：win10

软件位置如下：

链接：https://pan.baidu.com/s/1Mqj4Wbelj2AjNgcK2qedWQ?pwd=i3fv 提取码：i3fv Typora

确保已安装好typora；
提前安装好霞鹜文楷字体；(下载右键安装)
打开Typora，点击【文件】菜单，找到【偏好设置】。在偏好设置中点击【外观】，右侧页面点击【打开主题文件夹】，即弹出Typora的主题文件夹。然后将相应主题css文件及对应目录放置在该Typora的主题文件夹即可。

务必要在自己电脑上安装好：霞鹜文楷字体！！！

版本迭代

v17-2024.5.17（更改主题配置框架）

v16-2024.5.11（更换h3-h6小图标）

效果

代码

1/* 给h1-h6标题设置小红花 */
2/* #write{max-width:1120px!important;} */
3#write h1, #write h2, #write h3, #write h4, #write h5, #write h6{color:###5fb93a!important;font-weight:700!important;padding-bottom:8px !important;}
4#write h1:before{content:"🍁";padding-right:4px;display:inline-block;}
5#write h2:before{content:"🌳";padding-right:4px;display:inline-block;}
6#write h3:before{content:"🍀";padding-right:4px;display:inline-block;}
7#write h4:before{content:"🥕";padding-right:4px;display:inline-block;}
8#write h5:before{content:"🍆";padding-right:4px;display:inline-block;}
9#write h6:before{content:"🍓";padding-right:4px;display:inline-block;}

v15-2024.5.10（设置告警框背景色）

效果如下

代码位置

 1/* 设置告警框背景色 */
 2.md-alert.md-alert-note {
 3    color: black;
 4    border-left-color: #0969da;
 5    background-color: rgba(2, 252, 140, 0.1);
 6}
 7
 8.md-alert.md-alert-tip {
 9    color: black;
10    border-left-color: #1f883d;
11    background-color: rgba(6, 164, 181, 0.1);
12}
13
14.md-alert.md-alert-important {
15    color: black;
16    border-left-color: #8250df;
17    background-color: rgba(4, 69, 165, 0.1);
18}
19
20.md-alert.md-alert-warning {
21    color: black;
22    border-left-color: #9a6700;
23    background-color: rgba(245, 168, 3, 0.1);
24}
25
26.md-alert.md-alert-caution {
27    color: black;
28    border-left-color: #cf222e;
29    background-color: rgba(164, 7, 101, 0.452);
30}

v14-2024.5.9（给h1-h6标题设置小红花）

效果如下

2024.5.9-typora-theme

配置方法

 1/* 给h1-h6标题设置小红花 */
 2.md-fences{margin-left:0!important}
 3.outline-item-active{background:#6fd18d;color:#fff;}
 4.outline-content li, .outline-content ul{margin:5px 0!important; }
 5.ul-list{margin:0!important}
 6.blockquote{margin:10px 0!important;padding:10px!important;border-color:#6fd047!importnat;}
 7img{padding:15px!important;background:#f8f8f8!important;}
 8
 9/* #write{max-width:1120px!important;} */
10#write h1, #write h2, #write h3, #write h4, #write h5, #write h6{color:###5fb93a!important;font-weight:700!important;padding-bottom:8px !important;}
11#write h1:before{content:"🍁";padding-right:4px;display:inline-block;}
12#write h2:before{content:"🌳";padding-right:4px;display:inline-block;}
13#write h3:before{content:"🌷";padding-right:4px;display:inline-block;}
14#write h4:before{content:"🌼";padding-right:4px;display:inline-block;}
15#write h5:before{content:"🌻";padding-right:4px;display:inline-block;}
16#write h6:before{content:"🥦";padding-right:4px;display:inline-block;}

v13-2024.3.1 （加粗设置为红色）

效果

配置方法

1/* strong 字体加粗*/
2
3strong {
4    background-color: inherit;
5    color: var(--color-red);
6}

v12-2023.12.28 （给标题前加上小竖条&设置字体风格）

效果如下

配置方法

  1/*=========================================================打h1-h6标题 设置 start================================================*/
  2h1,
  3h2,
  4h3,
  5h4,
  6h5,
  7h6 {
  8  position: relative;
  9  margin-top: 0rem;
 10  margin-bottom: 0rem;
 11  font-weight: bold;
 12  font-family: Gilroy, 阿里巴巴普惠体, "Open Sans", Alibaba Sans !important;
 13  line-height: 1.4;
 14  cursor: text;
 15  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
 16}
 17
 18h1:hover a.anchor,
 19h2:hover a.anchor,
 20h3:hover a.anchor,
 21h4:hover a.anchor,
 22h5:hover a.anchor,
 23h6:hover a.anchor {
 24  text-decoration: none;
 25}
 26
 27h1 tt,
 28h1 code {
 29  font-size: inherit !important;
 30}
 31
 32h2 tt,
 33h2 code {
 34  font-size: inherit !important;
 35}
 36
 37h3 tt,
 38h3 code {
 39  font-size: inherit !important;
 40}
 41
 42h4 tt,
 43h4 code {
 44  font-size: inherit !important;
 45}
 46
 47h5 tt,
 48h5 code {
 49  font-size: inherit !important;
 50}
 51
 52h6 tt,
 53h6 code {
 54  font-size: inherit !important;
 55}
 56
 57h2 a,
 58h3 a {
 59  color: #34495e;
 60}
 61
 62
 63
 64h1 {
 65  padding-bottom: 0.4rem;
 66  font-size: 2.2rem;
 67  line-height: 1.3;
 68  position: relative;
 69  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
 70}
 71
 72h1::before {
 73  content: " ";
 74  display: block;
 75  background-color: #23a9f2;
 76  width: 5px;
 77  height: 32px;
 78  position: absolute;
 79  top: 13px;
 80  left: -15px;
 81  border-radius: 2px;
 82  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
 83}
 84
 85/* #write h2 {
 86    text-align: center;
 87    margin-top: 2rem;
 88    margin-bottom: 1rem;
 89} */
 90
 91
 92/* 标题下划线设置 */
 93/* h2 {
 94  font-size: 1.75rem;
 95  line-height: 1.225;
 96  margin: 5px 0 5px;
 97  padding-bottom: 0.5em;
 98  border-bottom: 1px solid #ddd;
 99  position: relative;
100  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
101} */
102
103/* 标题前竖线设置 */
104h2::before {
105  content: " ";
106  display: block;
107  background-color: #ffbd2e;
108  width: 5px;
109  height: 30px;
110  position: absolute;
111  top: 6px;
112  left: -15px;
113  border-radius: 2px;
114  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
115}
116
117
118h3 {
119  font-size: 1.4rem;
120  line-height: 1.43;
121  margin: 5px 0 5px;
122  position: relative;
123  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
124  /* text-decoration: underline;
125  text-decoration-color: #27c93f;
126  text-decoration-thickness: 5px;
127  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); */
128}
129
130h3::after {
131  content: " ";
132  display: block;
133  background-color: #27c93f;
134  width: 5px;
135  height: 20px;
136  position: absolute;
137  top: 8px;
138  left: -15px;
139  border-radius: 2px;
140  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
141}
142
143
144h4 {
145  font-size: 1.2rem;
146}
147
148h4::after {
149  content: " ";
150  display: block;
151  background-color: #ff5f56;
152  width: 5px;
153  height: 15px;
154  position: absolute;
155  top: 8px;
156  left: -15px;
157  border-radius: 2px;
158  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
159}
160
161h5 {
162  font-size: 1rem;
163}
164
165h5::after {
166    content: " ";
167    display: block;
168    background-color: purple;
169    width: 5px;
170    height: 15px;
171    position: absolute;
172    top: 8px;
173    left: -15px;
174    border-radius: 2px;
175    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
176  }
177
178h6 {
179  font-size: 1rem;
180  color: #777;
181}
182
183h6::after {
184  content: " ";
185  display: block;
186  background-color: plum;
187  width: 5px;
188  height: 15px;
189  position: absolute;
190  top: 8px;
191  left: -15px;
192  border-radius: 2px;
193  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
194}
195
196
197/* *************************************h3-h6标题聚焦点 start********** */
198/* h3标题聚焦点提示 */
199h3.md-focus:before {
200    width: auto;
201    height: auto;
202    color: rgb(50, 9, 212);
203    background-color: #ff5d52;
204    border: 1px solid;
205    border-radius: 3px;
206    position: absolute;
207    left: -1.642857143rem;
208    top: 0.357142857rem;
209    float: left;
210    font-size: 9px;
211    padding-left: 2px;
212    padding-right: 2px;
213    vertical-align: bottom;
214    font-weight: 400;
215    line-height: normal;
216}
217
218
219/* h4标题聚焦点提示 */
220h4.md-focus:before {
221    width: auto;
222    height: auto;
223    color: rgb(50, 9, 212);
224    background-color: #ff5d52;
225    border: 1px solid;
226    border-radius: 3px;
227    position: absolute;
228    left: -1.642857143rem;
229    top: 0.357142857rem;
230    float: left;
231    font-size: 9px;
232    padding-left: 2px;
233    padding-right: 2px;
234    vertical-align: bottom;
235    font-weight: 400;
236    line-height: normal;
237}
238
239
240/* h5标题聚焦点提示 */
241h5.md-focus:before {
242    width: auto;
243    height: auto;
244    color: rgb(50, 9, 212);
245    background-color: #ff5d52;
246    border: 1px solid;
247    border-radius: 3px;
248    position: absolute;
249    left: -1.642857143rem;
250    top: 0.357142857rem;
251    float: left;
252    font-size: 9px;
253    padding-left: 2px;
254    padding-right: 2px;
255    vertical-align: bottom;
256    font-weight: 400;
257    line-height: normal;
258}
259
260
261/* h6标题聚焦点提示 */
262h6.md-focus:before {
263    width: auto;
264    height: auto;
265    color: rgb(50, 9, 212);
266    background-color: #ff5d52;
267    border: 1px solid;
268    border-radius: 3px;
269    position: absolute;
270    left: -1.642857143rem;
271    top: 0.357142857rem;
272    float: left;
273    font-size: 9px;
274    padding-left: 2px;
275    padding-right: 2px;
276    vertical-align: bottom;
277    font-weight: 400;
278    line-height: normal;
279}
280
281/* *************************************h3-h6标题聚焦点 end********** */

v11-2023.12.22 加粗带紫色

效果如下

v10-2023.12.13 （更改主题加粗为原来属性，只加粗，不带颜色。）

更改主题加粗为原来属性，只加粗，不带颜色。

不然会对docus渲染后的现象产生混乱。

加粗就单纯的加粗，要想给字体加颜色，用alt+1..7快捷键就行。

v9-2023.11.18

忘记记录了。

v8-添加侧边导航点功能-2023.9.19

需求

我通过搜索关键字找到了正文位置，但是由于左侧标题太多，无法定位到是在那个标题里。。。。

效果

这补救轻松找到了哦，666

代码

 1/* Selection Dot ，侧边栏选择点*/
 2.outline-item-active::after,
 3.active .file-list-item-file-name::after,
 4.active .file-node-content::after {
 5    content: "";
 6    position: absolute;
 7    top: calc(50% - 4px);
 8    right: 0;
 9    width: 8px;
10    height: 8px;
11    border-radius: 50%;
12    background: #0284c7;
13}

v7-添加h3-h6标题聚焦色功能-2023.9.15

当前默认情况

配置后效果

配置方法

 1/* *************************************h3-h6标题聚焦点 start********** */
 2/* h3标题聚焦点提示 */
 3h3.md-focus:before {
 4    width: auto;
 5    height: auto;
 6    color: rgb(50, 9, 212);
 7    background-color: #ff5d52;
 8    border: 1px solid;
 9    border-radius: 3px;
10    position: absolute;
11    left: -1.642857143rem;
12    top: 0.357142857rem;
13    float: left;
14    font-size: 9px;
15    padding-left: 2px;
16    padding-right: 2px;
17    vertical-align: bottom;
18    font-weight: 400;
19    line-height: normal;
20}
21
22
23/* h4标题聚焦点提示 */
24h4.md-focus:before {
25    width: auto;
26    height: auto;
27    color: rgb(50, 9, 212);
28    background-color: #ff5d52;
29    border: 1px solid;
30    border-radius: 3px;
31    position: absolute;
32    left: -1.642857143rem;
33    top: 0.357142857rem;
34    float: left;
35    font-size: 9px;
36    padding-left: 2px;
37    padding-right: 2px;
38    vertical-align: bottom;
39    font-weight: 400;
40    line-height: normal;
41}
42
43
44/* h5标题聚焦点提示 */
45h5.md-focus:before {
46    width: auto;
47    height: auto;
48    color: rgb(50, 9, 212);
49    background-color: #ff5d52;
50    border: 1px solid;
51    border-radius: 3px;
52    position: absolute;
53    left: -1.642857143rem;
54    top: 0.357142857rem;
55    float: left;
56    font-size: 9px;
57    padding-left: 2px;
58    padding-right: 2px;
59    vertical-align: bottom;
60    font-weight: 400;
61    line-height: normal;
62}
63
64
65/* h6标题聚焦点提示 */
66h6.md-focus:before {
67    width: auto;
68    height: auto;
69    color: rgb(50, 9, 212);
70    background-color: #ff5d52;
71    border: 1px solid;
72    border-radius: 3px;
73    position: absolute;
74    left: -1.642857143rem;
75    top: 0.357142857rem;
76    float: left;
77    font-size: 9px;
78    padding-left: 2px;
79    padding-right: 2px;
80    vertical-align: bottom;
81    font-weight: 400;
82    line-height: normal;
83}
84/* *************************************h3-h6标题聚焦点 end********** */

v6-添加刚打开时显示背景图片功能&更改书写区域周围为渐变粉色-2023.9.14

当前默认情况

更改后

配置方法：

写区：

 1/*=====================================================================写区================================================*/
 2content #write {
 3    /* background: url("./image/gyybeauty.png") no-repeat;
 4  background-size: 10%;
 5  background-position: 98% bottom;
 6  background-attachment: fixed; */
 7    /* background-color: #fefefe; */
 8    max-width: 96%;
 9    /*注意这个是控制编辑的宽度的：可以是100%，980px；*/
10    margin-top: 30px;
11    /*top 这个是上面阴影宽度*/
12    margin-bottom: 30px;
13    /*top 这个是下面阴影宽度*/
14    padding: 10px 10px;
15    /*top to title padding*/
16    border-radius: 5px;
17    -o-box-shadow: 0 10px 10px pink;
18    -webkit-box-shadow: 0 10px 10px pink;
19    -moz-box-shadow: 0 10px 10px pink;
20    box-shadow: 0 50px 100px pink;
21    /* background-color: var(--color-doushalv-theme); */
22}
23/*=====================================================================写区 end================================================*/

背景图片：

 1/*=========================================================打开空白笔记展示笔记封面 设置 start================================================*/
 2#write>p:first-child:not(:only-child)::before,
 3#write>p:only-child::before {
 4    background: url("./image/lover.png") no-repeat 55% 90% transparent;
 5    /* background: url("./image/blue-plum.png") no-repeat 55% 90% transparent; */
 6    background-size: cover;
 7}
 8
 9#write>p:first-child:empty {
10    position: static;
11}
12
13#write>p:only-child:empty::before {
14    content: '';
15    display: block;
16    position: absolute;
17    top: 0;
18    left: 0;
19    right: 0;
20    bottom: 0;
21    background: url("./image/lover.png") no-repeat 45% 90% transparent;
22    /* background: url("./image/blue-plum.png") no-repeat 45% 90% transparent; */
23    background-size: cover;
24    -webkit-background-size: cover;
25    -moz-background-size: cover;
26    -o-background-size: cover;
27}
28/*=========================================================打开空白笔记展示笔记封面 设置 end================================================*/

v5-更改代码底部区域高度&使图片默认居左-2023.9.12

当前默认情况

代码底部区域高度太宽了。。。；

图片默认居中，看起来很不爽：

配置后效果

符合预期。

配置方法

1/* 图片居左对齐 */
2p .md-image:only-child {
3    width: auto;
4    text-align: left;
5}

 1/* code fences(围栏) */
 2.md-fences {
 3    font-family: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue", Helvetica, Arial, sans-serif;
 4    background-color: #282c34;
 5    padding: 6px 10px;
 6    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
 7    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
 8    /* margin-bottom: 2.5rem;  */
 9    margin-bottom: 0.5rem; 
10    border: none;
11    border-radius: 6px;
12}

v4-更改侧边栏文件字体大小-2023.9.11

目前存在的问题

文件栏字体太大了：。。。

大纲字体大小正常：

配置方法

1/* 侧边栏文件字体大小 */
2#typora-sidebar #sidebar-content .sidebar-content-content .file-node-content {
3    line-height: 1.375rem;
4    /* font-size: 1rem; */
5    font-size: 16px;
6    color: #282c34 !important;
7}

v3-更改字体为好看的霞鹜文楷&更改字体为18px-2023.9.10

效果展示

配置方法

 1html {
 2    font-size: 18px;
 3}
 4
 5html,
 6body {
 7    font-family: "霞鹜文楷", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", sans-serif;
 8    text-align: justify;
 9    overflow-x: hidden;
10    color: #282c34;
11    background-color: #fefefe;
12    -webkit-font-smoothing: antialiased;
13}

v2-图片添加阴影效果-2023.9.4

效果展示

代码

 1/*============================图片 设置 start=========================================*/
 2/* 图片阴影效果 */
 3
 4/* 这里强制为阴影效果 */
 5#write img {
 6    /* max-width: 90% ; */
 7    /* border-radius: 8px; */
 8    /* margin:1.2rem auto; */
 9    border-radius: 20px;
10    box-shadow: 2px 3px 6px 2px #8C8C8C;
11    border: none !important;
12}
13
14
15/* 当 “![shadow](url)”写时，图片会有圆角阴影效果 */
16.md-image img[alt|='shadow'] {
17    border-radius: 20px;
18    box-shadow: 2px 3px 6px 2px #8C8C8C;
19    border: none !important;
20}
21
22
23/* 当 “![frame](url)”写时，图片会有边框效果 */
24.md-image img[alt|='frame'] {
25    border-radius: none !important;
26    border: 10px solid #ffffff;
27    outline: 1px solid var(--img-outline-color);
28}
29
30
31/* 图片居左对齐 */
32/* p .md-image:only-child {
33    width: auto;
34    text-align: left;
35} */
36
37
38/* 图片自动编号 */
39/* #write{
40counter-reset: imgNum;
41}
42#write p>.md-image:after{
43counter-increment: imgNum;
44content: "图" counter(imgNum) attr(alt) !important;
45text-align: center;
46width: 100%;
47display: inline-block;
48margin-top: 8px !important;
49font-size: small;
50} */
51/*============================图片 设置 end=========================================*/

v1-官方初始版本

待解决

h3-h6级别提示无法正常查看

记录时间：2024年5月9日

在更新了v14-2024.5.9（给h1-h6标题设置小红花）版本css后

h3-h6级别提示无法正常查看

后续的css代码里需要修复次bug

问题现象

原来版本是正常的

markdown nice这种好看的主体如何定制到typora里面来

oneday（停止更新）

主题效果

主题下载

同上。

版本迭代

v23-typora-theme-oneday-2023.7.15（更改二级标题为重影）

效果展示

下载位置

接：https://pan.baidu.com/s/1LbJBBWJC2j90x_ITdIk0bQ?pwd=nawn

提取码：nawn

v23-typora-theme-oneday-2023.7.15（更改二级标题为重影）

v22-typora-theme-oneday-2023.6.22（更改高亮为橙色）

效果展示

下载位置

接：https://pan.baidu.com/s/1LbJBBWJC2j90x_ITdIk0bQ?pwd=nawn

提取码：nawn

v22-typora-theme-oneday-2023.6.22（更改高亮为橙色）

v21-typora-theme-oneday-2023.6.21（更改高亮为碧绿色）

效果展示

下载位置

接：https://pan.baidu.com/s/1LbJBBWJC2j90x_ITdIk0bQ?pwd=nawn

提取码：nawn

v21-typora-theme-oneday-2023.6.21（更改高亮为碧绿色）

typora-theme-mo-v20-2023.6.10（更改高亮为黄色&设置高亮快捷键）

效果展示

下载位置

接：https://pan.baidu.com/s/1LbJBBWJC2j90x_ITdIk0bQ?pwd=nawn

提取码：nawn

typora-theme-mo-v20-2023.6.10（更改高亮为黄色&设置高亮快捷键）

typora-theme-mo-v19-2023.5.18（更改标题颜色为绿色）

效果展示

下载位置

接：https://pan.baidu.com/s/1LbJBBWJC2j90x_ITdIk0bQ?pwd=nawn

提取码：nawn

typora-theme-mo-v19-2023.5.18（更改标题颜色为绿色）

typora-theme-mo-v18-2023.5.16（更改字体为中文好看字体-霞鹜文楷）

效果展示

下载位置

接：https://pan.baidu.com/s/1LbJBBWJC2j90x_ITdIk0bQ?pwd=nawn

提取码：nawn

typora-theme-mo-v18-2023.5.16（更改字体为中文好看字体-霞鹜文楷）.zip

typora-theme-mo-v17-2023.3.22

链接：https://pan.baidu.com/s/1LbJBBWJC2j90x_ITdIk0bQ?pwd=nawn

提取码：nawn

彬哥魔改的typora主题

https://github.com/liulongbin1314/typora-theme

mdmdt

https://gitee.com/cayxc/mdmdt

💘 Github/Github Night

Github 主页：https://github.com/typora/typora-default-themes

Github Night 主页：https://github.com/kinoute/typora-github-night-theme

💘 Vue

主页：https://github.com/blinkfox/typora-vue-theme

vue-enhance

💘 OrangeHeart

💘 Mo

💘 NewPrint

💘 Notion

主页：https://github.com/adrian-fuertes/typora-notion-theme

💘 Haru

主页：https://github.com/LSTM-Kirigaya/typora-haru-theme

💘 Liquid

主页：https://github.com/Fentaniao/Liquid

💘 Sneh

主页：https://github.com/ujwaljain/typora-theme-gallery

💘 dyzj

https://theme.typoraio.cn/theme/dyzj/

💘 Blue Plum(蓝梅)

https://mp.weixin.qq.com/s/ns73JxrEEcCrxjl_ldnlxg

💘 小丫

https://mp.weixin.qq.com/s/58bP5j54dl-3fPc7SW4ooQ

Typora LaTeX Theme

主页：https://github.com/Keldos-Li/typora-latex-theme

essay/article

主页：https://github.com/du33169/typora-theme-essay_cn/

Misty

主页：https://github.com/etigerstudio/typora-misty-theme

Autumnus

Adark

Drake

FluentLight

Jamstatic

LessLight

LessLightPrint

OptAutumnus

PixII

Torillic

Whitey

gpt

2023.8.24

推荐一款typora好看的主题皮肤？

当涉及到typora的主题皮肤选择时，个人喜好可能会有所不同。以下是一些受欢迎的typora主题皮肤，你可以根据自己的喜好选择：

Solarized：这是一款受欢迎的主题皮肤，具有清晰的配色方案和舒适的阅读体验。
GitHub：这个主题皮肤模仿了GitHub的样式，适合喜欢简洁、现代化外观的用户。
Monokai：这是一款经典的代码编辑器主题，具有鲜明的颜色和高对比度，适合编程和代码撰写。
Gruvbox：这个主题皮肤以暖色调为基础，给人一种温暖和舒适的感觉。
Night：如果你喜欢在夜间模式下工作，Night主题皮肤提供了黑暗背景和柔和的亮度，减少眼睛的疲劳。

这些只是一些受欢迎的typora主题皮肤，你可以在typora的官方网站或者第三方typora主题库中找到更多选择。记得在安装新主题之前备份你的现有设置，以防止意外情况发生。

这些主题在 Typora 的官方主题库中都能够找到，并且具有良好的兼容性和可读性。当然，你也可以在 Typora 的社区中去寻找其他用户自定义的主题，以找到更适合自己的体验。

自己测试效果：(哈哈，萝卜白菜，各有所爱啦)

Solarized Light / Dark 亲测不行。。。

Monokai 亲测不行。。。

Dracula 亲测不行。。。

Mermaid 未找到。。。

Gruvbox 未找到。。。

📡

👤 作者: 余温Gueen

🔗 链接: https://wiki.xxdevops.cn/topic/wveyw

🌐 版权: 本站文章除特别声明外，均采用 CC BY-NC-SA 4.0 协议，转载请注明来自余温Gueen Blog！

推荐使用微信支付

推荐使用支付宝

其它主题

Typora-theme-one（目前在用，强烈推荐）

官网其它主题

phycat

仓库地址

预览

Happysimple

主题链接

主题预览

特色功能

主题配置文件结构

背景小图片

告警框、标签、各种线条、折叠标签（nice）

代码是黑暗风格

表格风格也不错

onedayxyy（vue增强版）（停止更新）

主题效果

主题下载

主题安装

版本迭代

待解决

oneday（停止更新）

彬哥魔改的typora主题

mdmdt

💘 Github/Github Night

💘 Vue

💘 OrangeHeart

💘 Mo

💘 NewPrint

💘 Notion

💘 Haru

💘 Liquid

💘 Sneh

💘 dyzj

💘 Blue Plum(蓝梅)

💘 小丫

Typora LaTeX Theme

essay/article

Misty

Autumnus

Adark

Drake

FluentLight

Jamstatic

LessLight

LessLightPrint

OptAutumnus

PixII

Torillic

Whitey

gpt

文档导航

本页导航