├── README.md
└── markdowncss_github_style_blue_by_jwsky
├── markdowncss_github_style_blue_by_jwsky.css
├── markdowncss_github_style_blue_by_jwsky_demo.html
└── markdowncss_github_style_blue_by_jwsky_preview.png
/README.md:
--------------------------------------------------------------------------------
1 | # markdowncss
2 | markdown css分享
3 |
4 | ### 主题1：markdowncss_github_style_blue_by_jwsky
5 | **预览html如下**
6 | 点此查看html预览
8 | **预览图片如下**
9 | 
10 |
11 | 有问题欢迎直接提issues
12 |
13 |
--------------------------------------------------------------------------------
/markdowncss_github_style_blue_by_jwsky/markdowncss_github_style_blue_by_jwsky.css:
--------------------------------------------------------------------------------
1 | body {
2 | font-family: "Microsoft Yahei", Helvetica, arial, sans-serif ;
3 | font-size: 14px;
4 | line-height: 1.6;
5 | padding-top: 10px;
6 | padding-bottom: 10px;
7 | background-color: white;
8 | padding: 30px;
9 | color: #516272;}
10 |
11 | body > *:first-child {
12 | margin-top: 0 !important; }
13 | body > *:last-child {
14 | margin-bottom: 0 !important; }
15 |
16 | a {
17 | color: #4183C4; }
18 | a.absent {
19 | color: #cc0000; }
20 | a.anchor {
21 | display: block;
22 | padding-left: 30px;
23 | margin-left: -30px;
24 | cursor: pointer;
25 | position: absolute;
26 | top: 0;
27 | left: 0;
28 | bottom: 0; }
29 |
30 | h1, h2, h3, h4, h5, h6 {
31 | margin: 20px 0 10px;
32 | padding: 0;
33 | font-weight: bold;
34 | -webkit-font-smoothing: antialiased;
35 | cursor: text;
36 | position: relative; }
37 |
38 | h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor {
39 | background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA09pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoMTMuMCAyMDEyMDMwNS5tLjQxNSAyMDEyLzAzLzA1OjIxOjAwOjAwKSAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUM2NjlDQjI4ODBGMTFFMTg1ODlEODNERDJBRjUwQTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUM2NjlDQjM4ODBGMTFFMTg1ODlEODNERDJBRjUwQTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QzY2OUNCMDg4MEYxMUUxODU4OUQ4M0REMkFGNTBBNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QzY2OUNCMTg4MEYxMUUxODU4OUQ4M0REMkFGNTBBNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsQhXeAAAABfSURBVHjaYvz//z8DJYCRUgMYQAbAMBQIAvEqkBQWXI6sHqwHiwG70TTBxGaiWwjCTGgOUgJiF1J8wMRAIUA34B4Q76HUBelAfJYSA0CuMIEaRP8wGIkGMA54bgQIMACAmkXJi0hKJQAAAABJRU5ErkJggg==) no-repeat 10px center;
40 | text-decoration: none; }
41 |
42 | h1 tt, h1 code {
43 | font-size: inherit; }
44 |
45 | h2 tt, h2 code {
46 | font-size: inherit; }
47 |
48 | h3 tt, h3 code {
49 | font-size: inherit; }
50 |
51 | h4 tt, h4 code {
52 | font-size: inherit; }
53 |
54 | h5 tt, h5 code {
55 | font-size: inherit; }
56 |
57 | h6 tt, h6 code {
58 | font-size: inherit; }
59 |
60 | h1 {
61 | font-size: 28px;
62 | color: #2B3F52; }
63 |
64 | h2 {
65 | font-size: 24px;
66 | border-bottom: 1px solid #DDE4E9;
67 | color: #2B3F52; }
68 |
69 | h3 {
70 | font-size: 18px;
71 | color: #2B3F52; }
72 |
73 | h4 {
74 | font-size: 16px;
75 | color: #2B3F52; }
76 |
77 | h5 {
78 | font-size: 14px;
79 | color: #2B3F52; }
80 |
81 | h6 {
82 | color: #2B3F52;
83 | font-size: 14px;
84 | }
85 |
86 | p, blockquote, ul, ol, dl, li, table, pre {
87 | margin: 15px 0;
88 | color: #516272; }
89 |
90 | hr {
91 | background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC) repeat-x 0 0;
92 | border: 0 none;
93 | color: #cccccc;
94 | height: 4px;
95 | padding: 0;
96 |
97 | }
98 |
99 | body > h2:first-child {
100 | margin-top: 0;
101 | padding-top: 0; }
102 | body > h1:first-child {
103 | margin-top: 0;
104 | padding-top: 0; }
105 | body > h1:first-child + h2 {
106 | margin-top: 0;
107 | padding-top: 0; }
108 | body > h3:first-child, body > h4:first-child, body > h5:first-child, body > h6:first-child {
109 | margin-top: 0;
110 | padding-top: 0; }
111 |
112 | a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 {
113 | margin-top: 0;
114 | padding-top: 0; }
115 |
116 | h1 p, h2 p, h3 p, h4 p, h5 p, h6 p {
117 | margin-top: 0; }
118 |
119 | li p.first {
120 | display: inline-block; }
121 | li {
122 | margin: 0; }
123 | ul, ol {
124 | padding-left: 30px; }
125 |
126 | ul :first-child, ol :first-child {
127 | margin-top: 0; }
128 |
129 | dl {
130 | padding: 0; }
131 | dl dt {
132 | font-size: 14px;
133 | font-weight: bold;
134 | font-style: italic;
135 | padding: 0;
136 | margin: 15px 0 5px; }
137 | dl dt:first-child {
138 | padding: 0; }
139 | dl dt > :first-child {
140 | margin-top: 0; }
141 | dl dt > :last-child {
142 | margin-bottom: 0; }
143 | dl dd {
144 | margin: 0 0 15px;
145 | padding: 0 15px; }
146 | dl dd > :first-child {
147 | margin-top: 0; }
148 | dl dd > :last-child {
149 | margin-bottom: 0; }
150 |
151 | blockquote {
152 | border-left: 4px solid #ECF0F3;
153 | /*padding: 0 15px;*/
154 | padding: 15px;
155 | background-color:#F7F9FA;
156 | color: #2B3F52; }
157 | blockquote > :first-child {
158 | margin-top: 0; }
159 | blockquote > :last-child {
160 | margin-bottom: 0; }
161 |
162 | table {
163 | padding: 0;border-collapse: collapse; }
164 | table tr {
165 | border-top: 1px solid #cccccc;
166 | background-color: white;
167 | margin: 0;
168 | padding: 0; }
169 | table tr:nth-child(2n) {
170 | background-color: #f8f8f8; }
171 | table tr th {
172 | font-weight: bold;
173 | border: 1px solid #cccccc;
174 | margin: 0;
175 | padding: 6px 13px; }
176 | table tr td {
177 | border: 1px solid #cccccc;
178 | margin: 0;
179 | padding: 6px 13px; }
180 | table tr th :first-child, table tr td :first-child {
181 | margin-top: 0; }
182 | table tr th :last-child, table tr td :last-child {
183 | margin-bottom: 0; }
184 |
185 | img {
186 | max-width: 100%; }
187 |
188 | span.frame {
189 | display: block;
190 | overflow: hidden; }
191 | span.frame > span {
192 | border: 1px solid #dddddd;
193 | display: block;
194 | float: left;
195 | overflow: hidden;
196 | margin: 13px 0 0;
197 | padding: 7px;
198 | width: auto; }
199 | span.frame span img {
200 | display: block;
201 | float: left; }
202 | span.frame span span {
203 | clear: both;
204 | color: #333333;
205 | display: block;
206 | padding: 5px 0 0; }
207 | span.align-center {
208 | display: block;
209 | overflow: hidden;
210 | clear: both; }
211 | span.align-center > span {
212 | display: block;
213 | overflow: hidden;
214 | margin: 13px auto 0;
215 | text-align: center; }
216 | span.align-center span img {
217 | margin: 0 auto;
218 | text-align: center; }
219 | span.align-right {
220 | display: block;
221 | overflow: hidden;
222 | clear: both; }
223 | span.align-right > span {
224 | display: block;
225 | overflow: hidden;
226 | margin: 13px 0 0;
227 | text-align: right; }
228 | span.align-right span img {
229 | margin: 0;
230 | text-align: right; }
231 | span.float-left {
232 | display: block;
233 | margin-right: 13px;
234 | overflow: hidden;
235 | float: left; }
236 | span.float-left span {
237 | margin: 13px 0 0; }
238 | span.float-right {
239 | display: block;
240 | margin-left: 13px;
241 | overflow: hidden;
242 | float: right; }
243 | span.float-right > span {
244 | display: block;
245 | overflow: hidden;
246 | margin: 13px auto 0;
247 | text-align: right; }
248 |
249 | code, tt {
250 | margin: 0 2px;
251 | padding: 0 5px;
252 | white-space: nowrap;
253 | border: 1px solid #eaeaea;
254 | background-color: #f8f8f8;
255 | border-radius: 3px; }
256 |
257 | pre code {
258 | margin: 0;
259 | padding: 0;
260 | white-space: pre;
261 | border: none;
262 | background: transparent; }
263 |
264 | .highlight pre {
265 | background-color: #f8f8f8;
266 | border: 1px solid #cccccc;
267 | font-size: 13px;
268 | line-height: 19px;
269 | overflow: auto;
270 | padding: 6px 10px;
271 | border-radius: 3px; }
272 |
273 | pre {
274 | background-color: #f8f8f8;
275 | border: 1px solid #cccccc;
276 | font-size: 13px;
277 | line-height: 19px;
278 | overflow: auto;
279 | padding: 6px 10px;
280 | border-radius: 3px; }
281 | pre code, pre tt {
282 | background-color: transparent;
283 | border: none; }
284 |
285 | sup {
286 | font-size: 0.83em;
287 | vertical-align: super;
288 | line-height: 0;
289 | }
290 |
291 | code {
292 | white-space: pre-wrap;
293 | word-break: break-all;
294 | display: block;
295 |
296 | }
297 | * {
298 | -webkit-print-color-adjust: exact;
299 | }
300 | @media screen and (min-width: 914px) {
301 | body {
302 | width: 960px;
303 | margin:0 auto;
304 | }
305 | }
306 | @media print {
307 | table, pre {
308 | page-break-inside: avoid;
309 | }
310 | pre {
311 | word-wrap: break-word;
312 | }
313 |
314 |
315 | }
316 |
--------------------------------------------------------------------------------
/markdowncss_github_style_blue_by_jwsky/markdowncss_github_style_blue_by_jwsky_demo.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
325 | Markdown 语法和 MWeb 写作使用说明
326 |
327 |
328 |
329 | Markdown 语法和 MWeb 写作使用说明
330 |
331 | Markdown 的设计哲学
332 |
333 | Markdown 的目标是实现「易读易写」。
334 | 不过最需要强调的便是它的可读性。一份使用 Markdown 格式撰写的文件应该可以直接以纯文字发佈，并且看起来不会像是由许多标籤或是格式指令所构成。
335 | Markdown 的语法有个主要的目的：用来作为一种网路内容的写作用语言。
336 |
337 |
338 |
339 |
340 | 本文约定
341 |
342 | 如果有写 效果如下：， 在 MWeb 编辑状态下只有用 CMD + R 预览才可以看效果。
343 |
344 | 标题
345 |
346 | Markdown 语法：
347 |
348 | # 第一级标题 `<h1>`
349 | ## 第二级标题 `<h2>`
350 | ###### 第六级标题 `<h6>`
351 |
352 |
353 | 效果如下：
354 |
355 | 第一级标题 <h1>
356 |
357 | 第二级标题 <h2>
358 |
359 | 第六级标题 <h6>
360 |
361 | 强调
362 |
363 | Markdown 语法：
364 |
365 | *这些文字会生成`<em>`*
366 | _这些文字会生成`<u>`_
367 |
368 | **这些文字会生成`<strong>`**
369 | __这些文字会生成`<strong>`__
370 |
371 |
372 | 在 MWeb 中的快捷键为： CMD + U、CMD + I、CMD + B
373 | 效果如下：
374 |
375 | 这些文字会生成<em>
376 | 这些文字会生成<u>
377 |
378 | 这些文字会生成<strong>
379 | 这些文字会生成<strong>
380 |
381 | 换行
382 |
383 | 四个及以上空格加回车。
384 | 如果不想打这么多空格，只要回车就为换行，请勾选：Preferences - Themes - Translate newlines to <br> tags
385 |
386 | 列表
387 |
388 | 无序列表
389 |
390 | Markdown 语法：
391 |
392 | * 项目一 无序列表 `* + 空格键`
393 | * 项目二
394 | * 项目二的子项目一 无序列表 `TAB + * + 空格键`
395 | * 项目二的子项目二
396 |
397 |
398 | 在 MWeb 中的快捷键为： Option + U
399 | 效果如下：
400 |
401 |
402 | - 项目一 无序列表
* + 空格键
403 | - 项目二
404 |
405 |
406 | - 项目二的子项目一 无序列表
TAB + * + 空格键
407 | - 项目二的子项目二
408 |
409 |
410 |
411 |
412 |
413 | 有序列表
414 |
415 | Markdown 语法：
416 |
417 | 1. 项目一 有序列表 `数字 + . + 空格键`
418 | 2. 项目二
419 | 3. 项目三
420 | 1. 项目三的子项目一 有序列表 `TAB + 数字 + . + 空格键`
421 | 2. 项目三的子项目二
422 |
423 |
424 | 效果如下：
425 |
426 |
427 | - 项目一 有序列表
数字 + . + 空格键
428 | - 项目二
429 | - 项目三
430 |
431 |
432 | - 项目三的子项目一 有序列表
TAB + 数字 + . + 空格键
433 | - 项目三的子项目二
434 |
435 |
436 |
437 |
438 |
439 | 任务列表（Task lists）
440 |
441 | Markdown 语法：
442 |
443 | - [ ] 任务一 未做任务 `- + 空格 + [ ]`
444 | - [x] 任务二 已做任务 `- + 空格 + [x]`
445 |
446 |
447 | 效果如下：
448 |
449 |
450 | - [ ] 任务一 未做任务
- + 空格 + [ ]
451 | - [x] 任务二 已做任务
- + 空格 + [x]
452 |
453 |
454 |
455 | 图片
456 |
457 | Markdown 语法：
458 |
459 | 
460 | 格式: 
461 |
462 |
463 | Control + Shift + I 可插入Markdown语法。
464 | 如果是 MWeb 的文档库中的文档，还可以用拖放图片、CMD + V 粘贴、CMD + Option + I 导入这三种方式来增加图片。
465 | 效果如下：
466 |
467 | 
468 |
469 | 链接
470 |
471 | Markdown 语法：
472 |
473 | email <example@example.com>
474 | [GitHub](http://github.com)
475 | 自动生成连接 <http://www.github.com/>
476 |
477 |
478 | Control + Shift + L 可插入Markdown语法。
479 | 如果是 MWeb 的文档库中的文档，拖放或CMD + Option + I 导入非图片时，会生成连接。
480 | 效果如下：
481 |
482 | Email 连接： example@example.com
483 | 连接标题Github网站
484 | 自动生成连接像： http://www.github.com/ 这样
485 |
486 | 区块引用
487 |
488 | Markdown 语法：
489 |
490 | 某某说:
491 | > 第一行引用
492 | > 第二行费用文字
493 |
494 |
495 | CMD + Shift + B 可插入Markdown语法。
496 | 效果如下：
497 |
498 | 某某说:
499 |
500 | 第一行引用
501 | 第二行费用文字
502 |
503 | 行内代码
504 |
505 | Markdown 语法：
506 |
507 | 像这样即可：`<addr>` `code`
508 |
509 |
510 | CMD + K 可插入Markdown语法。
511 | 效果如下：
512 |
513 | 像这样即可：<addr> code
514 |
515 | 多行或者一段代码
516 |
517 | Markdown 语法：
518 |
519 | ```js
520 | function fancyAlert(arg) {
521 | if(arg) {
522 | $.facebox({div:'#foo'})
523 | }
524 |
525 | }
526 | ```
527 |
528 |
529 | CMD + Shift + K 可插入Markdown语法。
530 | 效果如下：
531 |
532 | ```js
533 | function fancyAlert(arg) {
534 | if(arg) {
535 | $.facebox({div:'#foo'})
536 | }
537 |
538 | }
539 | ```
540 |
541 | 顺序图或流程图
542 |
543 | Markdown 语法：
544 |
545 | ```sequence
546 | 张三->李四: 嘿，小四儿, 写博客了没?
547 | Note right of 李四: 李四愣了一下，说：
548 | 李四-->张三: 忙得吐血，哪有时间写。
549 | ```
550 |
551 | ```flow
552 | st=>start: 开始
553 | e=>end: 结束
554 | op=>operation: 我的操作
555 | cond=>condition: 确认？
556 |
557 | st->op->cond
558 | cond(yes)->e
559 | cond(no)->op
560 | ```
561 |
562 |
563 | 效果如下（ Preferences - Themes - Enable sequence & flow chart 才会看到效果 ）：
564 |
565 | sequence
566 | 张三->李四: 嘿，小四儿, 写博客了没?
567 | Note right of 李四: 李四愣了一下，说：
568 | 李四-->张三: 忙得吐血，哪有时间写。
569 |
570 |
571 | ```flow
572 | st=>start: 开始
573 | e=>end: 结束
574 | op=>operation: 我的操作
575 | cond=>condition: 确认？
576 |
577 | st->op->cond
578 | cond(yes)->e
579 | cond(no)->op
580 | ```
581 |
582 | 更多请参考：http://bramp.github.io/js-sequence-diagrams/, http://adrai.github.io/flowchart.js/
583 |
584 | 表格
585 |
586 | Markdown 语法：
587 |
588 | 第一格表头 | 第二格表头
589 | --------- | -------------
590 | 内容单元格 第一列第一格 | 内容单元格第二列第一格
591 | 内容单元格 第一列第二格 多加文字 | 内容单元格第二列第二格
592 |
593 |
594 | 效果如下：
595 |
596 |
597 |
598 |
599 | | 第一格表头 |
600 | 第二格表头 |
601 |
602 |
603 |
604 |
605 | | 内容单元格 第一列第一格 |
606 | 内容单元格第二列第一格 |
607 |
608 |
609 | | 内容单元格 第一列第二格 多加文字 |
610 | 内容单元格第二列第二格 |
611 |
612 |
613 |
614 |
615 |
616 | 删除线
617 |
618 | Markdown 语法：
619 |
620 | 加删除线像这样用： ~~删除这些~~
621 |
622 |
623 | 效果如下：
624 |
625 | 加删除线像这样用： 删除这些
626 |
627 | 分隔线
628 |
629 | 以下三种方式都可以生成分隔线：
630 |
631 | ***
632 |
633 | *****
634 |
635 | - - -
636 |
637 |
638 | 效果如下：
639 |
640 |
641 |
642 |
643 |
644 |
645 |
646 | MathJax
647 |
648 | Markdown 语法：
649 |
650 | 块级公式：
651 | $$ x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$
652 |
653 | \\[ \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} =
654 | 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}}
655 | {1+\frac{e^{-8\pi}} {1+\ldots} } } } \\]
656 |
657 | 行内公式： $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$
658 |
659 |
660 | 效果如下（Preferences - Themes - Enable MathJax 才会看到效果）：
661 |
662 | 块级公式：
663 | $$ x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$
664 |
665 | \[ \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} =
666 | 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}}
667 | {1+\frac{e^{-8\pi}} {1+\ldots} } } } \]
668 |
669 | 行内公式： $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$
670 |
671 | 脚注（Footnote）
672 |
673 | Markdown 语法：
674 |
675 | 这是一个脚注：[^sample_footnote]
676 |
677 |
678 | 效果如下：
679 |
680 | 这是一个脚注：1
681 |
682 | 注释和阅读更多
683 |
684 |
685 |
686 |
687 |
688 |
689 |
690 | Actions->Insert Read More Comment 或者 Command + .
691 | 注 阅读更多的功能只用在生成网站或博客时。
692 |
693 | TOC
694 |
695 | Markdown 语法：
696 |
697 | [TOC]
698 |
699 |
700 | 效果如下：
701 |
702 | [TOC]
703 |
710 |
711 |
712 |
713 |
--------------------------------------------------------------------------------
/markdowncss_github_style_blue_by_jwsky/markdowncss_github_style_blue_by_jwsky_preview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jwsky/markdowncss/82c02ec38a760a6f9baa56df8315405843d3dec1/markdowncss_github_style_blue_by_jwsky/markdowncss_github_style_blue_by_jwsky_preview.png
--------------------------------------------------------------------------------