AtomMarkdownJS

Atom 使用思否的 MarkDown CSS 样式,原帖的 CSS 文件已无法下载,特此记录

最终效果如图所示


效果

使用

  • Atom 中 ctrl+shift+p 输入 Customize CSS
    复制以下内容或下载文件 全部覆盖即可
    点击下载
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
.markdown-preview.markdown-preview {
// 在这里编写你的样式
// 例如:
// color: blue; // 改变字体颜色
// font-size: 14px; // 改变字体大小
/* line 5, ../scss/widget/_format.scss */
font-size: 14px;
line-height: 1.6;
word-wrap: break-word;
/* line 12, ../scss/widget/_format.scss */
h1 {
padding-bottom: 8px;
// font-size: 1.57143em;
}
/* line 16, ../scss/widget/_format.scss */
h2 {
padding-bottom: 8px;
border-bottom: 1px dotted #ccc;
// font-size: 1.42857em;
}
/* line 21, ../scss/widget/_format.scss */
h3 {
// font-size: 1.14286em;
}
/* line 24, ../scss/widget/_format.scss */
h4 {
// font-size: 1em;
}
/* line 27, ../scss/widget/_format.scss */
h5 {
// font-size: 0.92857em;
}
/* line 30, ../scss/widget/_format.scss */
h6 {
// font-size: 0.85714em;
}
/* line 34, ../scss/widget/_format.scss */
blockquote,
h4,
ol,
p,
pre,
table,
ul {
margin: 18px 0;
}
/* line 37, ../scss/widget/_format.scss */
h1,
h2,
h3 {
margin: 28px 0 18px;
}
/* line 42, ../scss/widget/_format.scss */
> h1:first-child,
blockquote:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
ol:first-child,
p:first-child,
pre:first-child,
table:first-child,
ul:first-child {
margin-top: 0;
}
/* line 47, ../scss/widget/_format.scss */
ol,
ul {
padding-left: 30px;
}
/* line 49, ../scss/widget/_format.scss */
ol p:first-child,
ul p:first-child {
margin: 0;
}
/* line 52, ../scss/widget/_format.scss */
ol ol,
ol ul,
ul ol,
ul ul {
margin-top: 0;
margin-bottom: 0;
}
/* line 58, ../scss/widget/_format.scss */
audio,
img,
video {
max-width: 100%;
position: static !important;
}
/* line 62, ../scss/widget/_format.scss */
blockquote {
border-color: #008E59;
color: #555;
font-size: 1em;
background-color: #f9f9f9;
padding-top: 10px;
padding-bottom: 10px;
}
/* line 66, ../scss/widget/_format.scss */
blockquote p:first-child {
margin-top: 0;
}
/* line 70, ../scss/widget/_format.scss */
code,
pre {
// font-size: 0.92857em;
background-color: #f6f6f6;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
letter-spacing: 0.2px;
font-family: "Source Code Pro",Consolas,Menlo,Monaco,"Courier New",monospace;
line-height: 1.8;
}
/* line 77, ../scss/widget/_format.scss */
pre {
padding: 10px;
border: none;
overflow: auto;
line-height: 1.3;
max-height: 500px;
}
/* line 84, ../scss/widget/_format.scss */
pre code {
background-color: transparent;
font-size: 1em;
overflow-wrap: normal;
white-space: inherit;
padding: 2px 4px;
}
/* line 90, ../scss/widget/_format.scss */
hr {
margin: 20px auto;
border-top: 2px dotted #eee;
}
/* line 94, ../scss/widget/_format.scss */
kbd {
padding: 4px 4px 3px;
background: #eee;
color: #555;
}
/* line 99, ../scss/widget/_format.scss */
.x-scroll {
overflow-x: auto;
}
/* line 102, ../scss/widget/_format.scss */
table {
width: 100%;
}
/* line 104, ../scss/widget/_format.scss */
table td,
table th {
border: 1px solid #E6E6E6;
padding: 5px 8px;
word-break: normal;
}
/* line 109, ../scss/widget/_format.scss */
table th {
background: #F3F3F3;
}
/* line 77, ../scss/widget/_comments.scss */
.widget-comments {
// font-size: 13px;
}
/* line 79, ../scss/widget/_comments.scss */
.widget-comments blockquote,
.widget-comments h1,
.widget-comments h2,
.widget-comments h3,
.widget-comments h4,
.widget-comments ol,
.widget-comments p,
.widget-comments pre,
.widget-comments table,
.widget-comments ul {
margin: 10px 0;
}
/* line 84, ../scss/widget/_comments.scss */
.widget-comments > h1:first-child,
.widget-comments blockquote:first-child,
.widget-comments h2:first-child,
.widget-comments h3:first-child,
.widget-comments h4:first-child,
.widget-comments ol:first-child,
.widget-comments p:first-child,
.widget-comments pre:first-child,
.widget-comments table:first-child,
.widget-comments ul:first-child {
margin-top: 0;
}
}

作者

Heng.Wang

发布于

2018-12-01

更新于

2023-09-20

许可协议

CC BY-NC-SA 4.0

Your browser is out-of-date!

Update your browser to view this website correctly.&npsb;Update my browser now

×