Repository navigation
Expand file tree
/
Copy pathindex.xml
More file actions
389 lines (249 loc) · 18.9 KB
/
Copy pathindex.xml
File metadata and controls
389 lines (249 loc) · 18.9 KB
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
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>CloudONLY Blog</title>
<link>http://cloudonly.github.io/</link>
<description>Recent content on CloudONLY Blog</description>
<generator>Hugo -- gohugo.io</generator>
<language>en</language>
<lastBuildDate>Tue, 06 Mar 2018 16:01:23 +0800</lastBuildDate>
<atom:link href="http://cloudonly.github.io/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Jane 主题预览</title>
<link>http://cloudonly.github.io/post/jane-theme-preview.zh-cn/</link>
<pubDate>Tue, 06 Mar 2018 16:01:23 +0800</pubDate>
<guid>http://cloudonly.github.io/post/jane-theme-preview.zh-cn/</guid>
<description><p>主题预览,内容有待填充。</p>
</description>
</item>
<item>
<title>Jane Theme Preview</title>
<link>http://cloudonly.github.io/post/jane-theme-preview/</link>
<pubDate>Mon, 01 Jan 2018 16:01:23 +0800</pubDate>
<guid>http://cloudonly.github.io/post/jane-theme-preview/</guid>
<description><p><strong>Markdown</strong> is created by <a href="http://daringfireball.net/">Daring Fireball</a>, the original guideline is <a href="http://daringfireball.net/projects/markdown/syntax">here</a>. Its syntax, however, varies between different parsers or editors.</p>
<p>Please note that HTML fragments in markdown source will be recognized but not parsed or rendered. Also, there may be small reformatting on the original markdown source code after saving.</p>
<h2 id="paragraph-and-line-breaks">Paragraph and line breaks</h2>
<p>A paragraph is simply one or more consecutive lines of text. In markdown source code, paragraphs are separated by more than one blank lines. In Typora, you only need to press <code>Return</code> to create a new paragraph.</p>
<p>Press <code>Shift</code> + <code>Return</code> to create a single line break. However, most markdown parser will ignore single line break, to make other markdown parsers recognize your line break, you can leave two whitespace at the end of the line, or insert <code>&lt;br/&gt;</code>.</p>
<h2 id="headers">Headers</h2>
<p>Headers use 1-6 hash characters at the start of the line, corresponding to header levels 1-6. For example:</p>
<pre><code class="language-markdown"># This is an H1
## This is an H2
###### This is an H6
</code></pre>
<p>In typora, input ‘#’s followed by title content, and press <code>Return</code> key will create a header.</p>
<h2 id="blockquotes">Blockquotes</h2>
<p>Markdown uses email-style &gt; characters for block quoting. They are presented as:</p>
<blockquote>
<p>This is a blockquote with two paragraphs. This is first paragraph.</p>
<p>This is second pragraph.Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.</p>
<p>This is another blockquote with one paragraph. There is three empty line to seperate two blockquote.</p>
<p>这是一段中文测试。</p>
</blockquote>
<p>In typora, just input ‘&gt;’ followed by quote contents a block quote is generated. Typora will insert proper ‘&gt;’ or line break for you. Block quote inside anther block quote is allowed by adding additional levels of ‘&gt;’.</p>
<h2 id="lists">Lists</h2>
<p>Input <code>* list item 1</code> will create an un-ordered list, the <code>*</code> symbol can be replace with <code>+</code> or <code>-</code>.</p>
<p>Input <code>1. list item 1</code> will create an ordered list, their markdown source code is like:</p>
<ul>
<li>Red</li>
<li>Green</li>
<li>Blue</li>
</ul>
<ol>
<li>Red</li>
<li>Green</li>
<li>Blue</li>
</ol>
<h2 id="task-list">Task List</h2>
<p>Task lists are lists with items marked as either <code>[ ]</code> or <code>[x]</code> (incomplete or complete). For example:</p>
<ul class="task-list">
<li><label><input type="checkbox" disabled class="task-list-item"> a task list item</label></li>
<li><label><input type="checkbox" disabled class="task-list-item"> list syntax required</label></li>
<li><label><input type="checkbox" disabled class="task-list-item"> normal <strong>formatting</strong>, @mentions, #1234 refs</label></li>
<li><label><input type="checkbox" disabled class="task-list-item"> incomplete</label></li>
<li><label><input type="checkbox" checked disabled class="task-list-item"> completed</label></li>
</ul>
<p>You can change the complete/incomplete state by click the checkbox before the item.</p>
<h2 id="syntax-highlighting">Syntax Highlighting</h2>
<pre><code class="language-js">function helloWorld () {
alert(&quot;Hello, World!&quot;)
}
</code></pre>
<pre><code class="language-java">public class HelloWorld {
public static void main(String[] args) {
System.out.println(&quot;Hello, World!&quot;);
}
}
</code></pre>
<h2 id="math-blocks">Math Blocks</h2>
<p>You can render *LaTeX* mathematical expressions using <strong>MathJax</strong>.</p>
<p>Input <code>$$</code>, then press &lsquo;Return&rsquo; key will trigger an input field which accept <em>Tex/LaTex</em> source. Following is an example:
$$
\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix}
\mathbf{i} &amp; \mathbf{j} &amp; \mathbf{k} <br />
\frac{\partial X}{\partial u} &amp; \frac{\partial Y}{\partial u} &amp; 0 <br />
\frac{\partial X}{\partial v} &amp; \frac{\partial Y}{\partial v} &amp; 0 <br />
\end{vmatrix}
$$</p>
<p>In markdown source file, math block is <em>LaTeX</em> expression wrapped by ‘$$’ mark:</p>
<pre><code class="language-markdown">$$
\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix}
\mathbf{i} &amp; \mathbf{j} &amp; \mathbf{k} \\
\frac{\partial X}{\partial u} &amp; \frac{\partial Y}{\partial u} &amp; 0 \\
\frac{\partial X}{\partial v} &amp; \frac{\partial Y}{\partial v} &amp; 0 \\
\end{vmatrix}
$$
</code></pre>
<h2 id="tables">Tables</h2>
<p>Input <code>| First Header | Second Header |</code> and press <code>return</code> key will create a table with two column.</p>
<p>After table is created, focus on that table will pop up a toolbar for table, where you can resize, align, or delete table. You can also use context menu to copy and add/delete column/row.</p>
<p>Following descriptions can be skipped, as markdown source code for tables are generated by typora automatically.</p>
<p>In markdown source code, they look like:</p>
<pre><code class="language-markdown">| Name | Markdown | HTML tag |
| ----------------- | ------------------- | -------------------- |
| *Emphasis* | `*Emphasis*` | `&lt;em&gt;&lt;/em&gt;` |
| **Strong** | `**Strong**` | `&lt;strong&gt;&lt;/strong&gt;` |
| `code` | ``code`` | `&lt;code&gt;&lt;/code&gt;` |
| ~~Strikethrough~~ | `~~Strikethrough~~` | `&lt;del&gt;&lt;/del` |
| &lt;u&gt;Underline&lt;/u&gt; | `&lt;u&gt;underline&lt;/u&gt;` | `&lt;u&gt;&lt;/u&gt;` |
</code></pre>
<table>
<thead>
<tr>
<th>Name</th>
<th>Markdown</th>
<th>HTML tag</th>
</tr>
</thead>
<tbody>
<tr>
<td><em>Emphasis</em></td>
<td><code>*Emphasis*</code></td>
<td><code>&lt;em&gt;&lt;/em&gt;</code></td>
</tr>
<tr>
<td><strong>Strong</strong></td>
<td><code>**Strong**</code></td>
<td><code>&lt;strong&gt;&lt;/strong&gt;</code></td>
</tr>
<tr>
<td><code>code</code></td>
<td><code>code</code></td>
<td><code>&lt;code&gt;&lt;/code&gt;</code></td>
</tr>
<tr>
<td><del>Strikethrough</del></td>
<td><code>~~Strikethrough~~</code></td>
<td><code>&lt;del&gt;&lt;/del</code></td>
</tr>
<tr>
<td><u>Underline</u></td>
<td><code>&lt;u&gt;underline&lt;/u&gt;</code></td>
<td><code>&lt;u&gt;&lt;/u&gt;</code></td>
</tr>
</tbody>
</table>
<h2 id="footnotes">Footnotes</h2>
<pre><code class="language-markdown">You can create footnotes like this[^footnote].
[^footnote]: Here is the *text* of the **footnote**.
</code></pre>
<p>will produce:</p>
<p>You can create footnotes like this<sup class="footnote-ref" id="fnref:footnote"><a href="#fn:footnote">1</a></sup>.</p>
<p>Mouse on the ‘footnote’ superscript to see content of the footnote.</p>
<h2 id="horizontal-rules">Horizontal Rules</h2>
<p>Input <code>***</code> or <code>---</code> on a blank line and press <code>return</code> will draw a horizontal line.</p>
<hr />
<h2 id="links">Links</h2>
<p>Markdown supports two style of links: inline and reference.</p>
<p>In both styles, the link text is delimited by [square brackets].</p>
<p>To create an inline link, use a set of regular parentheses immediately after the link text’s closing square bracket. Inside the parentheses, put the URL where you want the link to point, along with an optional title for the link, surrounded in quotes. For example:</p>
<pre><code class="language-markdown">This is [an example](http://example.com/ &quot;Title&quot;) inline link.
[This link](http://example.net/) has no title attribute.
</code></pre>
<p>will produce:</p>
<p>This is <a href="http://example.com/" title="Title">an example</a> inline link. (<code>&lt;p&gt;This is &lt;a href=&quot;http://example.com/&quot; title=&quot;Title&quot;&gt;</code>)</p>
<p><a href="http://example.net/">This link</a> has no title attribute. (<code>&lt;p&gt;&lt;a href=&quot;http://example.net/&quot;&gt;This link&lt;/a&gt; has no</code>)</p>
<h3 id="internal-links">Internal Links</h3>
<p><strong>You can set the href to headers</strong>, which will create a bookmark that allow you to jump to that section after clicking. For example:</p>
<p>Command(on Windows: Ctrl) + Click <a href="#block-elements">This link</a> will jump to header <code>Block Elements</code>. To see how to write that, please move cursor or click that link with <code>⌘</code> key pressed to expand the element into markdown source.</p>
<h3 id="reference-links">Reference Links</h3>
<p>Reference-style links use a second set of square brackets, inside which you place a label of your choosing to identify the link:</p>
<pre><code class="language-markdown">This is [an example][id] reference-style link.
Then, anywhere in the document, you define your link label like this, on a line by itself:
[id]: http://example.com/ &quot;Optional Title Here&quot;
</code></pre>
<p>In typora, they will be rendered like:</p>
<p>This is <a href="http://example.com/" title="Optional Title Here">an example</a> reference-style link.</p>
<p>The implicit link name shortcut allows you to omit the name of the link, in which case the link text itself is used as the name. Just use an empty set of square brackets — e.g., to link the word “Google” to the google.com web site, you could simply write:</p>
<pre><code class="language-markdown">[Google][]
And then define the link:
[Google]: http://google.com/
</code></pre>
<p>In typora click link will expand it for editing, command+click will open the hyperlink in web browser.</p>
<h2 id="urls">URLs</h2>
<p>Typora allows you to insert urls as links, wrapped by <code>&lt;</code>brackets<code>&gt;</code>.</p>
<p><code>&lt;i@typora.io&gt;</code> becomes <a href="mailto:i@typora.io">i@typora.io</a>.</p>
<p>Typora will aslo auto link standard URLs. e.g: www.google.com.</p>
<h2 id="images">Images</h2>
<p>Image looks similar with links, but it requires an additional <code>!</code> char before the start of link. Image syntax looks like this:</p>
<pre><code class="language-markdown">

</code></pre>
<p>You are able to use drag &amp; drop to insert image from image file or we browser. And modify the markdown source code by clicking on the image. Relative path will be used if image is in same directory or sub-directory with current editing document when drag &amp; drop.</p>
<p>For more tips on images, please read <a href="http://support.typora.io//Images/">http://support.typora.io//Images/</a></p>
<h2 id="emphasis">Emphasis</h2>
<p>Markdown treats asterisks (<code>*</code>) and underscores (<code>_</code>) as indicators of emphasis. Text wrapped with one <code>*</code> or <code>_</code> will be wrapped with an HTML <code>&lt;em&gt;</code> tag. E.g:</p>
<pre><code class="language-markdown">*single asterisks*
_single underscores_
</code></pre>
<p>output:</p>
<p><em>single asterisks</em></p>
<p><em>single underscores</em></p>
<p>GFM will ignores underscores in words, which is commonly used in code and names, like this:</p>
<blockquote>
<p>wow_great_stuff</p>
<p>do_this_and_do_that_and_another_thing.</p>
</blockquote>
<p>To produce a literal asterisk or underscore at a position where it would otherwise be used as an emphasis delimiter, you can backslash escape it:</p>
<pre><code class="language-markdown">\*this text is surrounded by literal asterisks\*
</code></pre>
<p>Typora recommends to use <code>*</code> symbol.</p>
<h2 id="strong">Strong</h2>
<p>double *’s or _’s will be wrapped with an HTML <code>&lt;strong&gt;</code> tag, e.g:</p>
<pre><code class="language-markdown">**double asterisks**
__double underscores__
</code></pre>
<p>output:</p>
<p><strong>double asterisks</strong></p>
<p><strong>double underscores</strong></p>
<p>Typora recommends to use <code>**</code> symbol.</p>
<h2 id="code">Code</h2>
<p>To indicate a span of code, wrap it with backtick quotes (`). Unlike a pre-formatted code block, a code span indicates code within a normal paragraph. For example:</p>
<pre><code class="language-markdown">Use the `printf()` function.
</code></pre>
<p>will produce:</p>
<p>Use the <code>printf()</code> function.</p>
<h2 id="strikethrough">Strikethrough</h2>
<p>GFM adds syntax to create strikethrough text, which is missing from standard Markdown.</p>
<p><code>~~Mistaken text.~~</code> becomes <del>Mistaken text.</del></p>
<h2 id="underline">Underline</h2>
<p>Underline is powered by raw HTML.</p>
<p><code>&lt;u&gt;Underline&lt;/u&gt;</code> becomes <u>Underline</u>.</p>
<h2 id="emoji-happy">Emoji :happy:</h2>
<p>Input emoji with syntax <code>😄</code>.</p>
<p>User can trigger auto-complete suggestions for emoji by pressing <code>ESC</code> key, or trigger it automatically after enable it on preference panel. Also, input UTF8 emoji char directly from <code>Edit</code> -&gt; <code>Emoji &amp; Symbols</code> from menu bar is also supported.</p>
<h2 id="inline-math">Inline Math</h2>
<p>To use this feature, first, please enable it in <code>Preference</code> Panel -&gt; <code>Markdown</code> Tab. Then use <code>$</code> to wrap TeX command, for example: <code>$\lim_{x \to \infty} \exp(-x) = 0$</code> will be rendered as LaTeX command.</p>
<p>To trigger inline preview for inline math: input “$”, then press <code>ESC</code> key, then input TeX command, a preview tooltip will be visible like below:</p>
<p><img src="https://typora.io/img/inline-math.gif" style="zoom:50%;" /></p>
<div class="footnotes">
<hr />
<ol>
<li id="fn:footnote">Here is the <em>text</em> of the <strong>footnote</strong>.
<a class="footnote-return" href="#fnref:footnote"><sup>[return]</sup></a></li>
</ol>
</div></description>
</item>
</channel>
</rss>